dotnet new react创建的项目无法使用sass文件，node-sass安装失败如何解决？

• 版本不兼容问题：dotnet new react 生成的默认项目内置的sass-loader版本较低，仅支持node-sass@4.x版本，直接安装最新版node-sass就会出现版本不匹配报错
• 编译依赖缺失问题：node-sass@4.14.1本身不兼容Node 16+版本，同时其依赖的旧版node-gyp编译工具仅支持Python 2.7，你本地安装的是Python 3.9，语法不兼容导致编译失败

node-sass官方已经废弃，推荐使用纯JavaScript实现的sass（原dart-sass）作为替代，完全兼容原有sass/scss语法，且不需要本地编译环境，不会出现上述依赖问题，操作步骤如下：

1. 先卸载已安装的失败的node-sass版本：

npm uninstall node-sass

2. 直接安装官方推荐的sass包：

npm install sass --save-dev

3. 重启项目即可正常使用sass/scss文件，不需要修改任何现有样式代码

如果因特殊需求必须使用对应版本的node-sass，需要做如下适配：

• 降级Node版本到14.x LTS版本，和node-sass@4.14.1的兼容要求匹配
• 本地安装Python 2.7，并配置到系统环境变量中，满足旧版node-gyp的编译要求

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