preact 的节点 SASS

Question

我preact-cli使用默认模板启动了一个项目。我安装了node-sass并且sass-loader. 我更改了其中一个.css文件，.scss然后整个过程中断并给出了此错误。

\n\n

\xe2\x9c\x96 ERROR BabelEsmPlugin: ./routes/profile/style.scss (../node_modules/preact-cli/lib/lib/webpack/proxy-loader.js??ref--6-0!./routes/profile/style.scss)\nModule build failed (from ../node_modules/preact-cli/lib/lib/webpack/proxy-loader.js):\nValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.\n - options has an unknown property 'includePaths'. These properties are valid:\n   object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }\n    at validate (./routes/profile/index.js\n @ ./routes/profile/index.js\n @ ./components/app.js\n @ ./index.js\n @ ../node_modules/preact-cli/lib/lib/entry.js\n @ multi ../node_modules/webpack-dev-server/client?http://0.0.0.0:8080 ../node_modules/webpack/hot/dev-server.js ../node_modules/preact-cli/lib/lib/entry webpack-dev-server/client webpack/hot/dev-server\n

\n

Answer 1

此错误适用于您应该使用的 sass-loader 版本 8

yarn add -D sass-loader@7.3.1

（或使用 npm）

npm add --save-dev sass-loader@7.3.1

来源https://github.com/preactjs/preact-cli/issues/880

如果您使用 sass 加载器选项，也许这个快速修复可以帮助（等待合并）https://github.com/preactjs/preact-cli/pull/930

希望这对您有帮助。