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


Posted in Javascript onSeptember 04, 2017

前言

我们一般在利用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

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

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

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

然后安装时,指定变量 sass_binary_path,如:

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

安装失败后重新安装问题

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

npm uninstall node-sass && npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

相关参考

https://github.com/lmk123/blog/issues/28

https://github.com/cnpm/cnpm/pull/76

Javascript 相关文章推荐
简单几行JS Code实现IE邮件转发新浪微博
Jul 03 Javascript
node.js中的events.EventEmitter.listenerCount方法使用说明
Dec 08 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
Feb 28 Javascript
javascript 对象数组根据对象object key的值排序
Mar 09 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
Aug 26 Javascript
jQuery实现简易的天天爱消除小游戏
Oct 16 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
Jun 22 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
Jul 22 Javascript
JS控制TreeView的结点选择
Nov 11 Javascript
浅谈html转义及防止javascript注入攻击的方法
Dec 04 Javascript
Angular.JS中select下拉框设置value的方法
Jun 20 Javascript
Vue js 的生命周期(看了就懂)(推荐)
Mar 29 Javascript
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
Sep 04 #Javascript
JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】
Sep 04 #Javascript
React教程之Props验证的具体用法(Props Validation)
Sep 04 #Javascript
VueJS组件之间通过props交互及验证的方式
Sep 04 #Javascript
vue中component组件的props使用详解
Sep 04 #Javascript
React-Native中props具体使用详解
Sep 04 #Javascript
用最简单的方法判断JavaScript中this的指向(推荐)
Sep 04 #Javascript
You might like
PHP生成指定长度随机数最简洁的方法
2014/07/14 PHP
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
用jQuery简化JavaScript开发分析
2009/02/19 Javascript
深入理解JavaScript系列(3) 全面解析Module模式
2012/01/15 Javascript
javascript与cookie 的问题详解
2013/11/11 Javascript
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
JavaScript数据结构和算法之图和图算法
2015/02/11 Javascript
javascript实现一个简单的弹出窗
2016/02/22 Javascript
微信小程序模板之分页滑动栏
2017/02/10 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
详解vue移动端日期选择组件
2018/02/22 Javascript
vue 实现移动端键盘搜索事件监听
2019/11/06 Javascript
如何基于JS截获动态代码
2019/12/25 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
2020/04/22 Javascript
[40:03]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
python3+PyQt5实现使用剪贴板做复制与粘帖示例
2017/01/24 Python
Python切片操作实例分析
2018/03/16 Python
PyQT实现多窗口切换
2018/04/20 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
Python socket模块实现的udp通信功能示例
2019/04/10 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
使用python创建Excel工作簿及工作表过程图解
2020/05/27 Python
python中的垃圾回收(GC)机制
2020/09/21 Python
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
优秀信贷员先进事迹
2014/01/31 职场文书
人资专员岗位职责
2014/04/04 职场文书
优秀求职信
2014/05/29 职场文书
学习教师法的心得体会
2014/09/03 职场文书
2014年保洁工作总结
2014/11/24 职场文书
2015年企业工作总结范文
2015/04/28 职场文书
2015年工会工作总结范文
2015/07/23 职场文书
煤矿安全学习心得体会
2016/01/18 职场文书
javascript之Object.assign()的痛点分析
2022/03/03 Javascript
Oracle数据库事务的开启与结束详解
2022/06/25 Oracle
box-shadow单边阴影的实现
2023/05/21 HTML / CSS