整理Mac系统 node-sass 安装失败的原因及解决办法

转载与：https://segmentfault.com/a/1190000010984731

声明：本文非原创，如有侵权请留言或发邮件告知，作者会立即停止侵权并删除本文。发布此文章主要是希望跟作者遇到同样问题的同学能解决node-sass 安装失败的问题。

 

npm install 时偶尔遇到报错：没有安装python或node-sass 安装失败的问题，百度之后发现是被墙了，但根据百度的方法换了淘宝镜像和用了vpn都安装失败，最后发现原来是因为没有卸载之前安装失败的包导致的。作者本人最后的解决方案是npm uninstall node-sass，然后使用VPN重新安装了一遍就成功了。不能FQ的同学请看下文

一、node-sass 安装失败的原因

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

 

二、解决办法

解决方法一：使用淘宝镜像源（推荐）

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

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

　　或者设置全局镜像源：

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

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

解决方法二：使用cnpm

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

cnpm install node-sass

解决方法三：创建.npmrc文件

在项目根目录创建.npmrc文件，复制下面代码到该文件：
phantomjs_cdnurl=http://cnpmjs.org/downloads
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org

保存后 删除之前安装失败的包(第一次安装请跳过此步)

npm uninstall node-sass

重新安装

npm install node-sass

上一个作者后来另一个项目在没有使用VPN的情况下测试此方法，安装时报错 ERR! node-sass@3.8.0 postinstall: `node scripts/build.js 改用方法一成功

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

到这里去根据版本号、系统环境，选择下载 .node 文件，然后安装时，指定变量 sass_binary_path，如：
npm i node-sass --sass_binary_path=/Users/lzwme/Downloads/darwin-x64-48_binding.node