React安装node-sass失败解决方案分享

目录

• 第一种：修改源地址
• 第二种：使用sass(dart-sass)代替node-sass
• 补充：不同node-sass版本的环境
• 总结

最近发现困扰我的sass终于解决了

第一种：修改源地址

在项目的根路径中添加.npmrc文件，在这个文件中增加以下内容：

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org
但是我没用这种方法，我用的第二种，亲测有效哦！！！

第二种：使用sass(dart-sass)代替node-sass

Dart Sass 是 Sass 的主要实现版本，这意味着它集成新功能要早于任何其它的实现版本。

dart-sass已经改名了，在npm库中这样写的：This package has been renamed to ‘sass’.（意思是：此包已被重命名为“sass”。）

yarn add sass node-sass@npm:sass  
或者
npm install sass node-sass@npm:sass  

解决啦

补充：不同node-sass版本的环境

https://github.com/sass/node-sass/releases

安装中出现问题总结

两步骤解决出现Node Sass version 7.0.0 is incompatible with 4.0.0错误使用 create-react-app 构建前端工程

想要使用sass，安装好 npm install node-sass --save

启动服务报错：

Node Sass version 7.0.1 is incompatible with ^4.0.0

看错误是不兼容导致的

npm uninstall node-sass
npm i -D sass

亲测可用！

总结

到此这篇关于React安装node-sass失败解决方案的文章就介绍到这了,更多相关React安装node-sass失败解决内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！