节点 Sass 版本 7.0.0 与 ^4.0.0 不兼容 || ^5.0.0 || ^6.0.0

Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0

我有一个使用 create-react-app 创建的 React 项目,我试图通过为 react.js

安装 node-sass 在 React 中使用 sass

但我一直收到错误消息,提示它不兼容。

Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0

Node Sass 版本 7.0.0 与 ^4.0.0 不兼容 || ^5.0.0 || ^6.0.0

有什么问题?

仅当版本不匹配时才会出现以下错误。使用 node-sass 并安装 node.js

Node Sass 版本 7.0.0 与 ^4.0.0 不兼容 || ^5.0.0 || ^6.0.0

  • 对于这个错误,您可以删除您的 node-sass 并使用 npm install node-sass@6.0
  • 安装 node-sass 版本 6

Node Sass 版本 6.0.0 与 ^4.0.0 不兼容 || React.js

中的 ^5.0.0
  • 当您在版本 14 的 node.js 上安装节点 sass 6.0 时,您会收到以下错误。你可以通过安装 npm install node-sass@4.14.1
  • 来修复它



或者避免所有版本的错误

您可以使用 sass 代替 node-sass 或安装正确的节点 sass 版本

我在我的nodejs项目中也遇到过这个问题
错误显示 "错误:节点 Sass 版本 7.0.1 与 ^4.0.0 不兼容。""

这是我当前的节点和 npm 版本:
npm version: 8.1.2
node version: v16.13.1

我目前的 node-sass & sass-loader:
sass-loader@7.1.0
node-sass@7.0.1

我的有效解决方案: 我只安装了以下模块:
npm install -D sass-loader@10.2.0
npm install -D node-sass@6.0.1

其他参考资料:
https://github.com/webpack-contrib/sass-loader/issues/945#issuecomment-836976664

完整的解决方案

您可以在这里获得完整的解决方案

您可以选择下载sass或使用上面回答中指出的table