node-sass安装失败终极方案

前端这点事 1306 0

前端工程化以后,开发前的第一件事情就是安装包,但是可能会经常遇到node-sass安装失败的情况,让人很无奈~~

这是因为npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。

接下来分享一下自己找到的一些解决方案:

一、使用淘宝镜像源(推荐)

设置变量 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/

Window 下

set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/

或者设置全局镜像源:

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

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

二、使用cnpm下载

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

四、点击这里去根据版本号、系统环境,选择下载 .node 文件,然后安装时,指定变量 sass_binary_path,如:

npm i node-sass --sass_binary_path=/Users/UserName/Downloads/darwin-x64-48_binding.node

建议第一种方案比较实用,第三种方案适合项目团队开发,对于不太熟悉如何解决node-sass的同事比较好,当然也可以直接

通过vpn全局安装,直接从github下载。


标签: 开发工具

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~