"Не удалось смонтировать компонент: шаблон или функция визуализации не определены" в простом компоненте

Question

Я пытаюсь начать с основ в разработке vuejs+webpack.

Я создал демонстрационный проект здесь: https://github.com/Demian87/vue-test

Он прекрасно работает, но после запуска я получаю сообщение об ошибке от titile к консоли, и мой компонент в индексе меняется на

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

Я использую package.json из демонстрационного проекта для vuejs+webpack. Я также взял оттуда 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 }},