从外部JS文件中使用JS函数
从外部JS文件中使用JS函数
提问于 2022-10-23 14:42:35
使用AlpineJS，我拥有了折叠HTML和JS：
<form x-data="inquiry()" x-on:submit.prevent="submit" method="post">
</form>
<script>
function inquiry() {
return {
data: { name: "" },
submit() {
// Do something
}
}
}
</script>我将JS inquiry函数移到JS文件中，并使用Parcel进行构建。
因此，用作Parcel入口点的index.js文件是：
import './index.less'
import inquiry from './inquiry.js'
import alpine from 'alpinejs';
window.alpine = alpine;
alpine.start();
console.log("Hello");我使用以下方法导入HTML页面中的包：
<script src="~/index.js" type="text/javascript" defer></script>当我运行我的代码并尝试访问inquiry函数时，我会得到以下错误：
Alpine Expression Error: Can't find variable: inquiry但是，我可以在控制台中看到"Hello“作为console.log("Hello")的结果
我遗漏了什么？
回答 1
Stack Overflow用户
发布于 2022-10-23 15:08:51
您可能需要使用模块。你能在脚本标签上设置这个属性吗？
<script src="~/index.js" type="module" defer></script>还请确保您正在正确地从该文件导出查询。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74172036
复制相关文章
相似问题
腾讯云开发者
