Question

我在vue.js中遇到问题，我使用webstorm创建了一个新项目，它运行起来完全没有问题，我可以看到vue徽标。在下一步中，我想安装vuetify，但出现以下错误：

无法编译。

./ src / plugins / vuetify.js找不到模块：错误：无法解析
    “通往我的项目的路径”中的“ vuetify / lib”

TypeError：无法读取未定义的属性“ match”      错误TypeError：无法读取未定义的属性“匹配”     TypeError：无法读取未定义的属性“ match”         在VuetifyLoaderPlugin.apply（/home/tina/WebstormProjects/tinalasttry/node_modules/vuetify-loader/lib/plugin.js:28:29）         在webpack（/home/tina/WebstormProjects/tinalasttry/node_modules/webpack/lib/webpack.js:51:13）         在服务（/home/tina/WebstormProjects/tinalasttry/node_modules/@vue/cli-service/lib/commands/serve.js:161:22）         在processTicksAndRejections（internal / process / task_queues.js：93：5）

我已经使用命令添加vuetify安装了vuetify，并且我也尝试从vue ui安装它。我之前已经安装了vuetify，没有任何问题，我检查了任何版本更改或更新，但它们都是相同的，但现在无法安装在新项目中。

 vuetify.js

    import Vue from 'vue';
    import Vuetify from 'vuetify/lib';

    Vue.use(Vuetify);

    export default new Vuetify({
    });

Answer 1

编辑plugins.js以解决此问题（临时）

  constructor (options) {
    this.options = (options) ? options : {}
  }

来源： https://github.com/vuetifyjs/vuetify-loader/pull/97#issuecomment-557767269

Answer 2

由于未找到依赖项而导致的问题。执行以下操作并重新加载项目将解决问题

npm install --save vuetify/lib/framework

在vue.js中安装vuetify后，新项目无法编译

2 个答案:

编辑plugins.js以解决此问题（临时）