尚未定义 Vue 模板或渲染函数我都没有使用？

这是我的主要 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 时。

希望有人能证实我的想法。

原文由 Stephan-v 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 692

就我而言，我收到错误是因为我从 Laravel Mix 版本 2 升级到了 5。

在 Laravel Mix 版本 2 中，您可以按如下方式导入 vue 组件：

 Vue.component(
    'example-component',
    require('./components/ExampleComponent.vue')
);

在 Laravel Mix 版本 5 中，您必须按如下方式导入组件：

 import ExampleComponent from './components/ExampleComponent.vue';

Vue.component('example-component', ExampleComponent);

这是文档： https ://laravel-mix.com/docs/5.0/upgrade

更好的是，为了提高应用程序的性能，您可以延迟加载组件，如下所示：

 Vue.component("ExampleComponent", () => import("./components/ExampleComponent"));

原文由 mutiemule 发布，翻译遵循 CC BY-SA 4.0 许可协议