preact-cli
preact-cli copied to clipboard
sass-loader 8 incompatiblity
Do you want to request a feature or report a bug? Bug
What is the current behaviour?
Installing sass-loader results in the latest version (8.0.0) from NPM.
then running npm run start which runs preact cli tools then fails with the following error
✖ ERROR ./node_modules/preact-cli/lib/lib/webpack/proxy-loader.js??ref--2-0!./src/components/formInput/style.scss
Module build failed: 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 'includePaths'. These properties are valid:
object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? } at validate (/mnt./src/routes/category/index.js
@ ./src/routes/category/index.js
@ ./src/components/app.js
@ ./src/index.js
@ ./node_modules/preact-cli/lib/lib/entry.js
@ multi ./node_modules/preact-cli/lib/lib/entry webpack-dev-server/client webpack/hot/dev-server
Note this hit vue at the same time https://github.com/vuejs/vue-cli/issues/4513
If the current behaviour is a bug, please provide the steps to reproduce.
Create a new preact project, the demo with a header is fine.
npm install [email protected] node-sass
Rename the existing css file to a .scss file in one of the components.
npm run start
What is the expected behaviour?
Runs as usual, it works with [email protected] but not 8.0.0
If this is a feature request, what is motivation or use case for changing the behaviour?
sass-loader seems to be officially listed in the documentation, maintaining support would be pleasant.
Please mention other relevant information.
Please paste the results of preact info here.
> preact info
▄▄
▄▄▓▓▓▓▓▓▄▄
▄█▀▀█▓▓▓▓▓▓▓▀▀█▄▄
▐▓▌▐▓▓▓▒▄ ▀▄▄▓▓▓▌▐▓▌
▐▓▓▄▀▓▀ ▄▓▓▄▄▀▓▓ ▓▓▌
▐▓▓▓▌ ▒▓▌ ▐▓▓ ▓▓▓▌ preact-cli 2.2.1
▐▓▓ ▒▓▄▄▀▓▓▀ ▄▓▓ ▓▓▌
▐▓▌▐▓▓▓▀▀▄▄▀▀▓▓▓▌▐▓▌
▀█▄▄▒▓▓▓▓▓▓▒▄▄▒▀
▀▓▓▓▓▓▓▀▀
▀▀
For help with a specific command, enter:
preact help [command]
create [template] [dest] Create a new application.
build [src] [dest] Create a production build in build/
watch [src] Start a development live-reload server.
serve [dir] Start an HTTP2 static fileserver.
list List all official templates
Options:
-h, --help Show help [boolean]
Unknown argument: info
Is this an outdated command line option or issue template?
Just commenting to confirm this behaviour in my project too. I'm not sure what change needs to be made here, however.
+1 Downgrading to [email protected] works.
yarn add [email protected] and now it starts.
Friendly ping - is anyone looking at this?
Any update wrt this?
Now because of Webpack 4 it's incompatible with sass-loader 11.
It's working for me with [email protected], per the README.
Closing, we've supported sass-loader v10+ for a while now and it's the best we can do on Webpack v4.