[Bug Report] release 1.0.1 Sass Loader does not match the API schema

[PierreBrisorgueil]

hello, since last release & vue cli 4

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.
 - options has an unknown property 'data'. These properties are valid:
   object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
    at validate (/Users/pierrebrisorgueil/Documents/Dev/github/rype/Vue/node_modules/sass-loader/node_modules/schema-utils/dist/validate.js:49:11)
    at Object.loader (/Users/pierrebrisorgueil/Documents/Dev/github/rype/Vue/node_modules/sass-loader/dist/index.js:36:28)

 @ ./node_modules/vuetify/src/components/VSpeedDial/VSpeedDial.sass 4:14-209 14:3-18:5 15:22-217
 @ ./node_modules/vuetify/lib/components/VSpeedDial/VSpeedDial.js
 @ ./node_modules/vuetify/lib/components/VSpeedDial/index.js
 @ ./node_modules/vuetify/lib/components/index.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./src/lib/plugins/vuetify.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

• Travis informations here
• maybe related to vue-cli and sass-loader@8 incompatibility vuejs/vue-cli#4513
• tested with vue cli 4.0.0-rc.7
• repo concerned : https://github.com/weareopensource/Vue

I would take a look as soon as I have a little time, if I can help do not hesitate.

how to reproduce :

• clone the repo
• npm i
• npm start, everything would be ok
• switch "vue-cli-plugin-vuetify": "^1.0.0" => "vue-cli-plugin-vuetify": "^1.0.1"
• npm i
• npm start, error should appear

[andreasRu]

there have been reports of vue-cli 4 not working with sass-loader version 8.0.0. do you have it installed in your project? Try downgrading to sass-loader@7.3.1 should work.

[PierreBrisorgueil]

there have been reports of vue-cli 4 not working with sass-loader version 8.0.0. do you have it installed in your project? Try downgrading to sass-loader@7.3.1 should work.

Hello,

fixed since rc.3, I'm in rc.7. Everything was ok with rc.7 and sass-loader 8.0.0 before release 1.0.1

I evoked the issue just above :)

[ztoben]

I can replicate on my setup as well. This does not seem to be a vue-cli or sass-loader issue. Running vue-cli@rc.7 and sass-loader@8.0.0 works with this plugin on v1.0.0, but not v1.0.1

[willemavjc]

I can confirm this too.

Here is the complain from vue-cli-plugin-vuetify using version 1.0.1 by default at that time:

/usr/src/app/one # vue add vuetify

�📦  Installing vue-cli-plugin-vuetify.

+ vue-cli-plugin-vuetify@1.0.1
updated 1 package and audited 24929 packages in 44.69s
found 0 vulnerabilities

✔  Successfully installed plugin: vue-cli-plugin-vuetify

? Choose a preset: Default (recommended)
 WARN  conflicting versions for project dependency "sass-loader":

- ^8.0.0 injected by generator "undefined"
- ^7.1.0 injected by generator "vue-cli-plugin-vuetify"

Using newer version (^8.0.0), but this may cause build errors.

�🚀  Invoking generator for vue-cli-plugin-vuetify...
�📦  Installing additional dependencies.

added 3 packages from 2 contributors and audited 27084 packages in 69.802s
found 0 vulnerabilities

⠋  Running completion hooks...
> one@0.1.0 lint /usr/src/app/one
> vue-cli-service lint

The following files have been auto-fixed:

  src/App.vue
  src/components/HelloWorld.vue
  src/main.js
  src/plugins/vuetify.js
  src/views/Home.vue
  vue.config.js

 DONE  All lint errors auto-fixed.
⚓  Running completion hooks...

✔  Successfully invoked generator for plugin: vue-cli-plugin-vuetify
/usr/src/app/one # 

[DRoet]

@johnleider

both @vue/cli ^3.12.0 and ^4.0.0-rc7 work with sass-loader: 8.0.0, however the cli-plugin doesn't seem to support it (yet).

might be caused by:
https://github.com/vuetifyjs/vue-cli-plugin-vuetify/blob/master/util/helpers.js#L49

that should probably be changed to opts.prependData

[bromix]

same here :( sticking with sass-loader v7.3.1 for long as this works all together.

[willemavjc]

@bromix @claudio10 For my personal knowledge, how do you achieve that? I mean, how do you get that particular version 7.3.1 of sass-loader rather than the 8.0.0?

yarn add @vue/cli@3.12.0
vue create .
vue add vuetify@1.0.0 #This still complains of sass-loader

Do you do some manual import and then package.json editing?

[karimdaghari]

@willemavjc here’s what you need to do:
(I’m assuming you’re doing a fresh install)

1. Go to the package.json file

// package.json
// ...
// Change this:
“sass-loader”: "^8.0.0"
// To this:
“sass-loader”: "^7.3.1"

3. vue add vuetify

[andreasRu]

Just to complete information posted by @kdaghari for NPM: with NPM you simply do an installation adding a at-sign, just like:

npm -i -D sass-loader@7.3.1

[bromix]

@bromix @claudio10 For my personal knowledge, how do you achieve that? I mean, how do you get that particular version 7.3.1 of sass-loader rather than the 8.0.0?

yarn add @vue/cli@3.12.0
vue create .
vue add vuetify@1.0.0 #This still complains of sass-loader

Do you do some manual import and then package.json editing?

Just remove the "^" and set the version fix in the package. Same like pip (requirements in python)

"sass-loader": "7.3.1",

For updating dependencies I only use "ncu" because npm won't update major updates.

[DRoet]

Please try the latest release 1.0.2