Fresh project fail to compile after installing vuetify in vue.js

2
votes

i have a problem in vue.js, i have created a new project using webstorm and it runs with no problem at all and i can see vue logo. in next step i want to install vuetify but i get errors as below list:

Failed to compile.

./src/plugins/vuetify.js Module not found: Error: Can't resolve
'vuetify/lib' in 'PATH TO MY PROJECT'

TypeError: Cannot read property 'match' of undefined ERROR TypeError: Cannot read property 'match' of undefined TypeError: Cannot read property 'match' of undefined at VuetifyLoaderPlugin.apply (/home/tina/WebstormProjects/tinalasttry/node_modules/vuetify-loader/lib/plugin.js:28:29) at webpack (/home/tina/WebstormProjects/tinalasttry/node_modules/webpack/lib/webpack.js:51:13) at serve (/home/tina/WebstormProjects/tinalasttry/node_modules/@vue/cli-service/lib/commands/serve.js:161:22) at processTicksAndRejections (internal/process/task_queues.js:93:5)

i have installed vuetify using command add vuetify and also i tried installing it from vue ui. i have installed vuetify before with no problem and i checked for any version changes or updates but they are all same but now cant install in a fresh and new project.

 vuetify.js

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

    Vue.use(Vuetify);

    export default new Vuetify({
    });
2
vue.jsvuetify.js
try npm i agian and build again – Muhammad
i have tried it unfortunately it didn't help – t.khatibi
what command yo, vue, npm, yarn, bower, bash ? you are running vue 4.*? how did you setup vue? vue cli, vue ui, webstorm template, webpack? did you follow vuetifyjs.com/en/getting-started/quick-start#quick-start? – Estradiaz
What version of Vuetify Loader are you running? Version 1.4.0 was released 6 hours ago, which may just be coincidence or you might have got unlucky... – skirtle
i use npm and i setup vue from webstorm templates for adding vuetify i used add vue add vuetify and i also tried adding vuetify from vue ui but same errors – t.khatibi

2 Answers

7
votes

Edit plugins.js to fix the issue (temporary)

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

Source: https://github.com/vuetifyjs/vuetify-loader/pull/97#issuecomment-557767269

0
votes

the issue because dependency was not found. do following and reload the project will fix the issue

npm install --save vuetify/lib/framework