Мое приложение не компилируется после обновления Vue CLI с 2 по 3

Я получаю следующую ошибку, так как я переключился с Vue CLI версии 2 на 3:

Вы используете сборку Vue только для выполнения, где компилятор шаблонов недоступен. Либо предварительно скомпилируйте шаблоны в функции рендеринга, либо используйте сборку, включаемую компилятором.

Вот как я создаю экземпляр Vue:

new Vue({
  el: '#app',
  store,
  router,
  components: {
    UserStatus
  },
  data: {
    isLoading: true
  }
})

Это работало с версией 2, почему не с версией 3?

В этом ответе предлагается импортировать компилятор шаблонов Vue через import Vue from 'vue/dist/vue.esm.js';, однако это создает проблемы с Vuetify, и я до сих пор не понимаю, почему есть необходимость импортировать компилятор шаблонов, если в версии 2 этого не требуется.

На всякий случай вот содержимое моего index.html. Также здесь находится полный код моего приложения.

Напоминаю, что вот готовый способ создания основного экземпляра Vue, который мне не подходит, потому что он переопределяет все, что я вручную написал внутри элемента <div id="app"> в моем index.html, а также включает компонент App.vue, который я на самом деле не использую. не имеют или не хотят иметь:

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

compiler-errors vue.js vue-cli
person drake035    schedule 28.12.2018    source источник
comment
покажи мне package.json   -  person asissuthar    schedule 31.12.2018
comment
Если один ответ решил проблему, пожалуйста, примите его.   -  person Johannes Jander    schedule 26.02.2019

Ответы (2)


arrow_upward
2
arrow_downward

Похоже, что в проекте отсутствует довольно много зависимостей, связанных с vue cli 3. Я разветвил ваш репозиторий и обновил package.json с помощью новой установки, а также использовал псевдоним для сборки среды выполнения + компилятора Vue.

Все скомпилировалось, и в консоли не было никаких ошибок, связанных с компиляцией шаблонов. Однако страница никогда не загружалась, что, как я подозреваю, связано с отсутствием учетных данных Firebase.

Вы можете найти мою обновленную вилку здесь, на GitHub. Надеюсь, поможет!

person DigitalDrifter    schedule 05.01.2019
comment
Я хотел бы проголосовать за вас пару раз. Ваш репозиторий — отличная отправная точка, и он вернул меня в игру после трех дней выдергивания волос. Большое спасибо. - person Johannes Jander; 26.02.2019

arrow_upward
1
arrow_downward

Я также столкнулся с этой проблемой, и я заработал, создав файл vue.config.js в корневом каталоге моего проекта и написав в нем следующий код.

module.exports = {
    runtimeCompiler: true,
};

person fullmetal    schedule 05.01.2019