React作品集开发遇Node Sass版本不兼容问题求助

问题根源 #

node-sass已停止维护，且版本与当前项目的sass-loader、Node.js版本不匹配——旧项目依赖的sass-loader ^4.0.0仅支持低版本node-sass，但低版本node-sass又可能和你当前使用的Node.js版本冲突，导致双向不兼容。

解决方案 #

直接用官方推荐的dart-sass替代废弃的node-sass，步骤如下：

• 卸载现有冲突依赖：

  npm uninstall node-sass sass-loader
  

• 安装兼容的sass包（dart-sass在npm上的包名为sass）：

  npm install sass --save-dev
  

• 重启开发服务器：

  npm start
  

说明 #

• 无需修改任何SCSS代码，sass包完全兼容原有语法
• 如果你用的是Create React App创建的项目，脚手架会自动识别sass包，无需额外配置webpack

内容的提问来源于stack exchange，提问作者Tarikul