这是我的主要javascript文件:
import Vue from 'vue'
new Vue({
el: '#app'
});
我的HTML文件:
<body>
<div id="app"></div>
<script src="{{ mix('/js/app.js') }}"></script>
</body>
使用运行时构建的Vue.js的Webpack配置:
alias: {
'vue$': 'vue/dist/vue.runtime.common.js'
}
我仍然收到这个众所周知的错误:
[Vue警告]:无法装入组件:模板或渲染函数未定义。(在根实例中找到)
当我在挂载Vue的#app div中什至没有任何东西时,为什么仍然出现渲染/模板错误,怎么办?它说,found in root
但是什么也找不到,因为它甚至没有任何内容?
如果这不起作用,我应该如何安装?
编辑:
我已经尝试过像这样的方法,它似乎可以工作:
new Vue(App).$mount('#app');
这是有道理的,因为使用该el
属性意味着您正在“扫描” dom元素中的任何组件,并且它没有用,因为运行时内部版本没有编译器。
仍然抛出异常错误的消息,尤其是当我清空整个#app div时。
希望有人可以证实我的想法。
我不敢相信我是如何解决这个问题的!奇怪的解决方案!
我让应用程序保持运行状态,然后删除了所有模板标签,然后再次将它们退回,并且可以正常工作!但是我不明白发生了什么