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

前端之家收集整理的这篇文章主要介绍了javascript – 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 warn]: Failed to mount component: template or render function not defined.
(found in root instance)

为什么我在装载Vue的#app div中没有​​一个东西,我仍然得到渲染/模板错误?它说在root中找到但是没有任何东西可以找到,因为它甚至没有任何内容

如果这不起作用我怎么想装?

编辑:

我试过这样似乎有用:

new Vue(App).$mount('#app');

这是有道理的,因为使用el属性意味着你正在“扫描”任何组件的dom元素,并且它没用,因为运行时构建没有编译器.

仍然是一个非常奇怪的错误消息,特别是当我把整个#app div清空时.

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

解决方法

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

本质上,vue加载文件发生的事情是它们的模板编译时转换为渲染函数,而基函数试图从你的html元素编译.

原文链接:https://www.f2er.com/js/154875.html

猜你在找的JavaScript相关文章