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

【问题标题】：Fresh project fail to compile after installing vuetify in vue.js在 vue.js 中安装 vuetify 后，新项目无法编译
【发布时间】：2020-03-19 05:11:06
【问题描述】：

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

编译失败。

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

TypeError：无法读取未定义的属性“匹配” 错误类型错误：无法读取未定义的属性“匹配” TypeError：无法读取未定义的属性“匹配” 在 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)

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

 vuetify.js

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

    Vue.use(Vuetify);

    export default new Vuetify({
    });

【问题讨论】：

尝试npm i agian 并再次构建
我试过了，可惜没用
什么command哟，vue，npm，yarn，bower，bash？你正在运行 vue 4.*？你是怎么设置vue的？ vue cli、vue ui、webstorm 模板、webpack？你关注vuetifyjs.com/en/getting-started/quick-start#quick-start了吗？
您运行的是哪个版本的 Vuetify Loader？ 1.4.0 版本在 6 小时前发布，可能只是巧合，也可能是你运气不好……
我使用 npm 并从 webstorm 模板设置 vue 以添加 vuetify 我使用了 add vue add vuetify 我也尝试从 vue ui 添加 vuetify 但同样的错误

标签： vue.js vuetify.js

【解决方案1】：

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

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

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

【讨论】：

plugins.js 在哪里，我在 plugins 目录中找到了 vuetify.js
它在node_modules/vuetify-loader/lib/plugin.js。您需要立即更新它，但它已经在 vuetify-loader 中修复。只需要等待包的更新。
查看错误日志，在你的情况下，必须在/home/tina/WebstormProjects/tinalasttry/node_modules/vuetify-loader/lib/plugin.js
荣誉（希望我有更多的选票）现在我更聪明“npm-wise”我只是附加一个 OR 对象 -- this.options = options ++ this.options = options || {}

【解决方案2】：

问题是因为未找到依赖项。执行以下操作并重新加载项目将解决问题

npm install --save vuetify/lib/framework

【讨论】：