node-sass安装失败终极方案

前端这点事 2020年09月26日 11:23 1345 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下载。

标签：开发工具

本文地址： https://www.ltonus.com/Tools/node-sass.html

文章来源：前端这点事