Преобразовать Alpine.js включено в DataStar Data-On* ⇐ Javascript

[Anonymous]

У меня есть несколько ссылок на моем сайте, которые в настоящее время используют Alpine.js для запуска функции, которая прокручивается в Div на странице, и я хочу преобразовать это для использования datastar.js < /p>
Это то, что в настоящее время находится в файле base.html и файла Javascript.base.html

Contact Us
About us
Services
Products
< /code>
Функция JavaScript заключается в следующем и импортируется в index.js, затем проходит через WebPack. < /p>
export default () => ({
scrollToId(id) {
// This is used for the navigation links in the header and footer
const element = document.getElementById(id);
if (element) {
element.scrollIntoView({behavior: 'smooth' });
}
},
});
< /code>
Я попытался преобразовать это в DataStar Data-on click и запустить функцию «scrolltoid», но ошибки, говоря, что не может найти функцию. < /p>
Contact Us
< /code>
127.0.0.1/:10 GET http://127.0.0.1:8000/assets/components/smoothScroll.js net::ERR_ABORTED 404 (Not Found)
init_embed.js:285 Search endpoint requested!
backend.js:2 Alpine Devtools: waiting for init request...
datastar.js:8 Uncaught datastar runtime error: ExecuteExpression
More info: https://data-star.dev/errors/runtime/ex ... ined%22%7D
Context: {
"plugin": {
"name": "on",
"type": "attribute"
},
"element": {
"id": "",
"tag": "A"
},
"expression": {
"rawKey": "onClick__prevent",
"key": "click",
"value": "scrollToId('contact')",
"fnContent": "scrollToId('contact')"
},
"error": "scrollToId is not defined"
}
at pt (webpack://website/./assets/datastar.js?:8:1275)
at Number.mt (webpack://website/./assets/datastar.js?:10:330)
at On.e.runtimeErr.error (webpack://website/./assets/datastar.js?:11:876)
at HTMLAnchorElement.c (webpack://website/./assets/datastar.js?:11:9090)
pt @ datastar.js:8
mt @ datastar.js:10
On.e.runtimeErr.error @ datastar.js:11
c @ datastar.js:11
< /code>
I really can't find anything in relation to doing this.
Apologies in advanced if I am missing something simple.

Подробнее здесь: https://stackoverflow.com/questions/797 ... ar-data-on