简单组件中的“无法安装组件：未定义模板或渲染功能”

Posted 2023-02-23

【中文标题】简单组件中的“无法安装组件：未定义模板或渲染功能”

【英文标题】："Failed to mount component: template or render function not defined" in simple component

【发布时间】：2018-03-19 08:49:48

【问题描述】：

我正在尝试从 vuejs+webpack 开发的基础开始。

我在这里创建了一个演示项目：https://github.com/Demian87/vue-test

它构建得很好，但是在启动后我收到一个从标题到控制台的错误，并且我在索引中的组件更改为

<!--function (a, b, c, d)  return createElement(vm, a, b, c, d, true); -->

我正在使用来自 vuejs+webpack 的演示项目的 package.json。我也从那里获取了 webpack.config，但我仍然收到该错误并且没有任何效果。

关于错误原因的任何想法？

【参考方案1】：

我注意到您的组件缺少name：

export default 
    name: 'hello',
    data: function() 
        return 
            greeting: 'Привет всем!'
        
    

我将 main.js 重写为

import Vue from 'vue';
import Hello from '../components/hello.vue';

new Vue(
    el: '#app',
    components: 
        hello : Hello
    
)

另外，模板中有一个错字： greetings 而不是 greeting 。

【讨论】：

谢谢！添加了名称，但代码仍然无法使用相同的错误 =(

谢谢！这有帮助！为什么不使用import Hello from 'vue-loader!./components/hello.vue';

@Demian，我不知道，vue-loader! 导入应该做什么构造。

这个结构说 webpack 使用 vue-loader 而不是 vue 或其他任何东西。我在教程中找到了这样的建议。