node-sass 安装失败与解决方法

550 阅读1分钟

今天用 creat-react-app 新开了一个项目,想支持 scss,于是按照官方文档装了node-sass

image.png

结果报错了,安装失败。去 google 了一下,发现其他人也遇到了类似的问题

image.png

最后翻看其他人的博客和 stackoverflow 等网站,总结了以下原因和解决方法

  • node-sass 安装失败原因
  1. node-sass 需要在 github 上下载而非 npm,体积不小,也容易被墙,导致下载很慢甚至下载不成功。解决方法:单独设置淘宝源
  2. node-sass 下载完后不能直接用,需要编译,本地编译也很慢,吃 CPU

所以这么看,node-sass 并不稳定

好在后来我在 create-react-app 的 github 的 issues 里找到了一个相对靠谱的方法

image.png 直接在命令行输入 yarn add node-sass@npm:dart-sass 就行了

这一波既让 react 以为我们安装了 node-sass,同时我们又使用了 dart-sass

这波偷梁换柱真滴牛批

image.png