React安装node-sass失败解决方案分享
作者:小刘先生很努力
Node-sass是一个库,它将Node.js绑定到LibSass(流行样式表预处理器Sass的C版本),它允许用户以令人难以置信的速度将.scss文件本地编译为css,并通过连接中间件自动编译,下面这篇文章主要给大家介绍了关于React安装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失败解决内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!