Ошибка с компонентом Vue-CLI: вы используете сборку Vue только во время выполнения, когда компилятор шаблона недоступен - PullRequest
Новая
       45

Ошибка с компонентом Vue-CLI: вы используете сборку Vue только во время выполнения, когда компилятор шаблона недоступен

0 голосов
/ 10 сентября 2018

Новичок в VueJS и проходил обучение. Вот шаги, которые я сделал

  • Создан проект с использованием VUE CLI

  • Пытался создать компонент с этим кодом. 

     var data = {
    items: [{ text: 'Bananas', checked: true },
        { text: 'Apples', checked: false }
        ],
    title: 'My Shopping List',
    newItem: ''
        }; 

Vue.component('items-component', {
    data: function () {
        return data;
    },
    template: `
<div class="blog-post">
  <span>sample</span>
</div>
`
});

  • Добавлено в шаблонную часть App.vue. 

      <items-component></items-component>

Однако я получаю эту ошибку 

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

Вопросы

  • Есть ли способ создать несколько компонентов в проекте Vue Cli в одном файл или несколько файлов - единственный способ создать компоненты?.

  • Является ли ручное редактирование веб-пакета с помощью CLI хорошим вариантом? Если так, есть ли любые хорошие ссылки для того же.

Пожалуйста, дайте мне знать

1 Ответ

0 голосов
/ 04 января 2019

У меня тоже была такая же ошибка в моем проекте. Я решил это:

  1. создание нового файла: vue.config.js

  2. и добавлено: 

    module.exports = {
  runtimeCompiler: true
}

На ваш вопрос я постараюсь ответить, хотя, возможно, и не смогу дать лучший ответ:

Есть ли способ создать несколько компонентов в проекте Vue Cli в одном файле или нескольких файлах являются единственным способом создания компоненты?

Люди всегда создают несколько файлов для компонентов.

Надеюсь, это поможет

...