这是我的主要 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 时。
希望有人能证实我的想法。