如何解决无法在Laravel刀片脚本标记中导入JS模块
我有一个Laravel项目。在 resource / js / app.js 中,我有一个Vue实例,当我想在刀片中读取或写入vm
时,我做不到!我认为这是由于我的webpack.mix.js造成的,但我不知道确切的原因是什么。
资源/js/app.js:
let vm = new Vue({
data() {
return {
order: {
isOrgan: false
}
};
},router,store
}).$mount('#app')
export default vm;
资源/视图/app.blade.php:
<script src="/js/app.js"></script>
<script type="module">
import vm from '/js/app.js';
console.log(vm);
</script>
解决方法
import
是CommonJS,在浏览器中不可用,这就是它不起作用的原因。如果您绝对想在console.log(vm)
之外进行app.js
,则需要这样做
window.vm = new Vue({
data() {
return {
order: {
isOrgan: false
}
};
},router,store
}).$mount('#app')
然后您的console.log(vm)
(暗指console.log(window.wm)
)将正常工作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。