API schema mismatch, resulting in ValidationError: Invalid options object. CSS Loader has been initialized with an options object that does not conform to the API pattern
Summary
I created the Nuxt.js project in SPA mode through yarn create nuxt-app.
However, after installing Storybook, yarn dev returns an error and cannot launch the demo page.
ERROR Failed to compile with 1 errors friendly-errors 17:38:56
ERROR in ./layouts/error.vue?vue&type=style&index=0&id=d5ea9138&scoped=true&lang=css& friendly-errors 17:38:56
Module build failed (from ./node_modules/css-loader/dist/cjs.js): friendly-errors 17:38:56
ValidationError: Invalid options object. CSS Loader has been initialized using an options object that does not match the API schema.
- options.modules has an unknown property 'compileType'. These properties are valid:
object { auto?, mode?, exportGlobals?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? }
at validate (/home/jpskgc/ghq/github.com/jpskgc/vue-nuxt-vuetify-sass-storybook/node_modules/css-loader/node_modules/schema-utils/dist/validate.js:98:11)
at Object.loader (/home/jpskgc/ghq/github.com/jpskgc/vue-nuxt-vuetify-sass-storybook/node_modules/css-loader/dist/index.js:36:28)
friendly-errors 17:38:56
@ ./node_modules/vue-style-loader??ref--3-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!./node_modules/@nuxt/webpack/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??ref--3-oneOf-1-2!./node_modules/@nuxt/webpack/node_modules/vue-loader/lib??vue-loader-options!./layouts/error.vue?vue&type=style&index=0&id=d5ea9138&scoped=true&lang=css& 4:14-385 15:3-20:5 16:22-393
@ ./layouts/error.vue?vue&type=style&index=0&id=d5ea9138&scoped=true&lang=css&
@ ./layouts/error.vue
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
I would like to know how to resolve this error and successfully run the yarn dev command.
Some code
This is the repository. Check, please.
https://github.com/jpskgc/vue-nuxt-vuetify-sass-storybook
environment
Ubuntu20.04
