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

Question

我试图从 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 ，但我仍然收到该错误并且没有任何效果。

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

score 1 · Accepted Answer

我注意到您的组件缺少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 }}.

1 回答 1