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

PierreBrisorgueil · 2019-10-10T07:31:55Z

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

The text was updated successfully, but these errors were encountered:

andreasRu · 2019-10-10T10:51:47Z

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 · 2019-10-10T11:21:31Z

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 · 2019-10-10T14:19:16Z

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 · 2019-10-10T15:21:27Z

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 · 2019-10-11T08:17:46Z

@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 · 2019-10-14T05:41:57Z

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

willemavjc · 2019-10-14T13:32:07Z

@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 · 2019-10-14T16:35:12Z

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

Go to the package.json file

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

vue add vuetify

andreasRu · 2019-10-14T16:52:42Z

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 · 2019-10-15T07:15:07Z

@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.

fixes #119

DRoet · 2019-10-17T04:07:31Z

Please try the latest release 1.0.2

bromix · 2019-10-17T05:30:20Z

Please try the latest release 1.0.2

It's working :D Thanks.

d3radicated · 2019-10-17T06:19:38Z

Confirmed working on 1.0.2. Issue can be closed.

PierreBrisorgueil · 2019-10-17T07:36:21Z

Perfect, thx a lot :) !

willemavjc · 2019-10-17T08:24:45Z

Not working with 1.0.2 on my end.

Some file seems to be now missing:

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: File to import not found or unreadable: ~vuetify/src/styles/styles.sass.
        on line 1 of /home/node/app/src/components/HelloWorld.vue
>> @import '~vuetify/src/styles/styles.sass';

Scenario tested implies Docker and is as such:

docker image pull node:12.11.1-alpine
docker container run -d -p 8081:8080 [...] -it node:12.11.1-alpine sh
cd ~
yarn add @vue/cli@3.12.0
ln -s ~/node_modules/@vue/cli/bin/vue.js ~/.yarn/bin/vue
export PATH=${PATH}:~/.yarn/bin
cd ~/app
vue  create .
vue  add vuetify@1.0.2
yarn serve

DRoet · 2019-10-17T08:42:25Z

this is a different bug, if you specify the version number in vue add, the plugin is not being invoked.

docker image pull node:12.11.1-alpine
docker container run -d -p 8081:8080 [...] -it node:12.11.1-alpine sh
cd ~
yarn add @vue/cli@3.12.0
ln -s ~/node_modules/@vue/cli/bin/vue.js ~/.yarn/bin/vue
export PATH=${PATH}:~/.yarn/bin
cd ~/app
vue create .
vue add vuetify@1.0.2
yarn serve

make sure you do:

vue  create .
vue  add vuetify@1.0.2
vue  invoke vuetify
yarn serve

willemavjc · 2019-10-17T09:54:34Z

@DRoet Thanks. Confirmed working with vue/cli@3.12.0 ...and not working with @4.0.3, with the same error you mentioned in the new issue #4700 on Vue.js GitHub.

willemavjc · 2019-10-17T10:20:31Z

Would someone be able to clarify if the following warning is a real issue?

Plugin vue-cli-plugin-vuetify@1.0.2 does not have a generator to invoke
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.

In package.json I can see this:

    "node-sass": "^4.12.0",
...
    "sass": "^1.17.4",
    "sass-loader": "^8.0.0",

I don't really understand what is happening and what it does really imply.

DRoet · 2019-10-17T10:26:12Z

It shouldn't be an issue if your package.json has 8.0.0, warning will be fixed by #123.
Also you shouldn't both use node-sass and sass, just using sass is enough

willemavjc · 2019-10-23T09:38:08Z

Also you shouldn't both use node-sass and sass, just using sass is enough

Coming back to this interesting remark:
Does it mean I should not select CSS pre-processors when building a new project via Vue CLI? (I never changed anything in the package.json so I assume Vue CLI and Vuetify did it.)

DRoet · 2019-10-23T10:51:35Z

you should select is, but there are two options in the cli dart-sass or node-sass. you should always pick dart-sass for vuetify. dart-sass === sass

CumpsD · 2020-07-06T18:50:12Z

sass-loader 9.0.0 broke it again btw

ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'prependData'. These properties are valid:
   object { implementation?, sassOptions?, additionalData?, sourceMap?, webpackImporter? }

DRoet · 2020-07-06T19:18:21Z

@CumpsD #185

CumpsD · 2020-07-06T19:19:16Z

@CumpsD #185

Thanks!

PierreBrisorgueil changed the title ~~release 1.0.1 : Sass Loader has been initialised using an options object that does not match the API schema~~ [Bug Report] release 1.0.1 Sass Loader has been initialised using an options object that does not match the API schema Oct 10, 2019

PierreBrisorgueil changed the title ~~[Bug Report] release 1.0.1 Sass Loader has been initialised using an options object that does not match the API schema~~ [Bug Report] release 1.0.1 Sass Loader does not match the API schema Oct 10, 2019

DRoet mentioned this issue Oct 14, 2019

fix: add support for sass-loader > 8.0.0 #122

Merged

johnleider pushed a commit that referenced this issue Oct 17, 2019

fix: add support for sass-loader > 8.0.0 (#122)

25baea2

fixes #119

PierreBrisorgueil closed this as completed Oct 17, 2019

willemavjc mentioned this issue Oct 17, 2019

[Bug Report] Error on building vue cli 3 #124

Closed

willemavjc mentioned this issue Oct 17, 2019

Generator missing when specifying a particular version? #121

Closed

DRoet mentioned this issue Oct 17, 2019

[V3][V4] Plugin not installing correctly when adding version number vuejs/vue-cli#4700

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

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

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

PierreBrisorgueil commented Oct 10, 2019 •

edited

andreasRu commented Oct 10, 2019

PierreBrisorgueil commented Oct 10, 2019 •

edited

ztoben commented Oct 10, 2019

willemavjc commented Oct 10, 2019

DRoet commented Oct 11, 2019

bromix commented Oct 14, 2019

willemavjc commented Oct 14, 2019 •

edited

karimdaghari commented Oct 14, 2019

andreasRu commented Oct 14, 2019 •

edited

bromix commented Oct 15, 2019

DRoet commented Oct 17, 2019

bromix commented Oct 17, 2019

d3radicated commented Oct 17, 2019

PierreBrisorgueil commented Oct 17, 2019

willemavjc commented Oct 17, 2019

DRoet commented Oct 17, 2019

willemavjc commented Oct 17, 2019

willemavjc commented Oct 17, 2019 •

edited

DRoet commented Oct 17, 2019 •

edited

willemavjc commented Oct 23, 2019

DRoet commented Oct 23, 2019

CumpsD commented Jul 6, 2020

DRoet commented Jul 6, 2020

CumpsD commented Jul 6, 2020

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

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

Comments

PierreBrisorgueil commented Oct 10, 2019 • edited

andreasRu commented Oct 10, 2019

PierreBrisorgueil commented Oct 10, 2019 • edited

ztoben commented Oct 10, 2019

willemavjc commented Oct 10, 2019

DRoet commented Oct 11, 2019

bromix commented Oct 14, 2019

willemavjc commented Oct 14, 2019 • edited

karimdaghari commented Oct 14, 2019

andreasRu commented Oct 14, 2019 • edited

bromix commented Oct 15, 2019

DRoet commented Oct 17, 2019

bromix commented Oct 17, 2019

d3radicated commented Oct 17, 2019

PierreBrisorgueil commented Oct 17, 2019

willemavjc commented Oct 17, 2019

DRoet commented Oct 17, 2019

willemavjc commented Oct 17, 2019

willemavjc commented Oct 17, 2019 • edited

DRoet commented Oct 17, 2019 • edited

willemavjc commented Oct 23, 2019

DRoet commented Oct 23, 2019

CumpsD commented Jul 6, 2020

DRoet commented Jul 6, 2020

CumpsD commented Jul 6, 2020

PierreBrisorgueil commented Oct 10, 2019 •

edited

PierreBrisorgueil commented Oct 10, 2019 •

edited

willemavjc commented Oct 14, 2019 •

edited

andreasRu commented Oct 14, 2019 •

edited

willemavjc commented Oct 17, 2019 •

edited

DRoet commented Oct 17, 2019 •

edited