node-sass 安装失败的解决办法

共计 1177 个字符，预计需要花费 3 分钟才能阅读完成。

摘要

node-sass 安装失败的原因 npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。 这是使用 sass 的同学可能都会遇到的郁闷的问题。 解决方案就是使用其他源，或者使用工具下载，然后将安装源指定到本地。

提醒：本文最后更新于2020-05-06 08:14，文中所关联的信息可能已发生改变，请知悉！

node-sass 安装失败的原因

npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。
这是使用 sass 的同学可能都会遇到的郁闷的问题。

解决方案就是使用其他源，或者使用工具下载，然后将安装源指定到本地。

解决方法一：使用淘宝镜像源

设置变量 sass_binary_site，指向淘宝镜像地址。示例：

[code lang=bash]
npm i node-sass –sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

// 也可以设置系统环境变量的方式。示例
// linux、mac 下
SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass

// window 下
set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ && npm install node-sass
[/code]

或者设置全局镜像源：

[code lang=bash]
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
[/code]

之后再涉及到 node-sass 的安装时就会从淘宝镜像下载。

解决方法二：使用 cnpm

另外，使用 cnpm 安装 node-sass 会默认从淘宝镜像源下载，也是一个办法：

[code lang=bash]
cnpm install node-sass
[/code]

解决方法三：下载 .node 到本地

到这里去根据版本号、系统环境，选择下载 .node 文件：

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

然后安装时，指定变量 sass_binary_path，如：

[code lang=bash]
npm i node-sass –sass_binary_path=/Users/lzwme/Downloads/darwin-x64-48_binding.node
[/code]

安装失败后重新安装问题

最后，有同学问，之前安装失败，再安装就不去下载了，怎么办呢？那就先卸载再安装：

[code lang=bash]
npm uninstall node-sass && npm i node-sass -D –sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
[/code]

相关参考

https://github.com/lmk123/blog/issues/28
https://github.com/cnpm/cnpm/pull/76