尚未定义Vue模板或渲染功能,但我都没有使用?

JavaScript

Near神乐路易

2020-03-12

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

希望有人可以证实我的想法。

第891篇《尚未定义Vue模板或渲染功能,但我都没有使用?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

4个回答
宝儿L 2020.03.12

我不敢相信我是如何解决这个问题的!奇怪的解决方案!
我让应用程序保持运行状态,然后删除了所有模板标签,然后再次将它们退回,并且可以正常工作!但是我不明白发生了什么

GONear 2020.03.12

作为所有帖子的摘要

这个错误:

[Vue警告]:无法装入组件:模板或渲染函数未定义。

您由于某个问题而无法安装组件。

如您在此处的不同文章中所见,这可能是由许多不同的问题引起的彻底调试组件,并注意所有可能未正确完成并可能阻止安装的事情。

当我的组件文件编码不正确时,我得到了错误提示...

小卤蛋Stafan 2020.03.12

我将Typescript与vue-property-decorator一起使用,发生的事情是我的IDE自动完成了“ MyComponent.vue.js”而不是“ MyComponent.vue”。那给我这个错误。

故事的寓意似乎是,如果您收到此错误,并且正在使用任何类型的单文件组件设置,请检查路由器中的导入。

小胖A 2020.03.12

收到该错误的原因是,您正在使用运行时版本,该版本不支持HTML文件中的模板,如此处vuejs.org所示。

本质上,使用vue加载的文件会发生以下情况:将其模板在编译时转换为渲染函数,而您的基本函数正试图从html元素进行编译。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android