Support of sass-loader@9.x

[daniluk4000]

sass-loader 9 released with number of breaking changes, which style-resources does not support.

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):                                                                                                                                                                            friendly-errors 20:44:22
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? }
    at validate (C:\Users\danil\WebstormProjects\mypolytech-student-frontend\node_modules\schema-utils\dist\validate.js:96:11)
    at Object.loader (C:\Users\danil\WebstormProjects\mypolytech-student-frontend\node_modules\sass-loader\dist\index.js:30:28)
                                                                                                                                                                                                                                              friendly-errors 20:44:22
 @ ./node_modules/cache-loader/dist/cjs.js??ref--7-oneOf-1-0!./node_modules/thread-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/vue-style-loader??ref--7-oneOf-1-2!./node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-3!./node_modules/vue-loader/lib/loaders/
stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-oneOf-1-4!./node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-5!./node_modules/sass-resources-loader/lib/loader.js??ref--7-oneOf-1-6!./node_modules/vuetify-loader/lib/loader.js??ref--18-0!./node_modul
es/vue-loader/lib??vue-loader-options!./src/layouts/default.vue?vue&type=style&index=1&id=39336072&lang=scss&scoped=true& 4:14-540 14:3-18:5 15:22-548
 @ ./src/layouts/default.vue?vue&type=style&index=1&id=39336072&lang=scss&scoped=true&
 @ ./src/layouts/default.vue
 @ ./.nuxt/App.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js

[SabrinaFZ]

How did you solve this issue? @daniluk4000

[daniluk4000]

How did you solve this issue? @daniluk4000

As I probably discovered, it's only not working with Vuetify (in my case). And style-resources is not the key IMO. Sorry I don't have any more info to help you.