Vue CLI 2到3更新后，我的应用无法编译

Question

自从Vue CLI版本2切换至3以来，出现以下错误：

  

您使用的是Vue的仅运行时版本，其中模板   编译器不可用。可以将模板预编译为   渲染功能，或使用编译器随附的内部版本。

这是我实例化Vue的方法：

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

此版本适用于版本2，为什么不适用版本3？

This answer建议通过Vue导入import Vue from 'vue/dist/vue.esm.js';的模板编译器，但这会给Vuetify带来问题，我仍然不明白为什么有必要如果不需要版本2，则导入模板编译器。

以防万一，这里是the content of my index.html。也是这里的my app's entire codebase。

提醒一下，这是一种开箱即用的实例化主Vue实例的方法，这对我来说是不合适的，因为它会覆盖我在{中的<div id="app">元素中手动编写的任何内容{1}}，并且还涉及一个index.html组件，我实际上没有或想要拥有它：

App.vue

Answer 1

该项目似乎缺少许多与vue cli 3相关的依赖项。我分叉了您的仓库，并通过全新安装使package.json加快了速度，并为Vue的运行时+编译器生成加了别名。

一切都已编译，并且控制台清除了与编译模板有关的所有错误。该页面从未加载过，但是，我怀疑是由于缺少Firebase凭据所致。

您可以找到我更新的叉子here on GitHub。希望对您有帮助！

Answer 2

我也遇到了这个问题，我通过在项目的根目录中创建一个vue.config.js文件并在其中写入以下代码来使其工作。

module.exports = {
    runtimeCompiler: true,
};