＆＃34;无法安装组件：模板或渲染功能未定义＆＃34;在简单的组件中

Question

我试图从vuejs + webpack开发的基础开始。

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

它构建良好，但在启动后我收到从titile到控制台的错误，我的组件在索引中更改为

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

我在演示项目中使用了vuejs + webpack的package.json。我也从那里拿了webpack.config，但是我仍然得到了这个错误，没有任何效果。

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

Answer 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 }}。