错误：节点 Sass 版本 8.0.0 与 ^4.0.0 不兼容

Question

当我以 npm 开始启动 React 应用程序时，出现此错误。如何修复此错误？

./src/App.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5
-3!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!./src/App.scss)
Error: Node Sass version 8.0.0 is incompatible with ^4.0.0.

这是错误的屏幕截图

Answer 1

不要再使用 node-sass

模块node-sass现已弃用，取而代之的是更强大的新版本sass 。 只需更改模块，一切都会正常工作。 您可以卸载旧的并安装新的：

npm uninstall node-sass
npm install sass

所有作品都一样！

对于那些无论如何都想使用node-sass的人

为避免错误，您可以使用下表为您安装的 Node.js 版本安装适当版本的node-sass ，您可以通过命令node --version检查。

npm install node-sass@(your version)

Answer 2

我在我的 angular 项目之一中遇到了类似的错误，我确实尝试npm uninstall node-sass和npm install sass但它给出了相同的错误。

所以，下面的这个过程对我有用（在 Windows 中）

1. Go 到C:\Users\FakeUser
2. 找到node_modules文件夹并删除它
3. 同时删除项目目录中的node_modules文件夹
4. 现在在项目目录中执行npm 安装以生成新的 node_modules

Answer 3

1. npm uninstall node-sass
2. npm install sass