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 cookies 常见网页木马挂马代码 24小时只加载一次
Apr 13 Javascript
Javascript 继承机制实例
Aug 12 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
Jan 06 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
Aug 24 Javascript
jQuery+css实现炫目的动态块漂移效果
Jan 28 Javascript
Bootstrap Search Suggest使用例子
Dec 21 Javascript
JS简单获取当前日期和农历日期的方法
Apr 17 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
Jun 17 Javascript
layui table 参数设置方法
Aug 14 Javascript
jquery实现垂直手风琴导航栏
Feb 18 jQuery
js模拟实现烟花特效
Mar 10 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
基于mysql的bbs设计(二)
2006/10/09 PHP
php中模拟POST传递数据的两种方法分享
2011/09/16 PHP
PHP实现使用优酷土豆视频地址获取swf播放器分享地址
2014/06/05 PHP
php给图片加文字水印
2015/07/31 PHP
谈谈PHP连接Access数据库的注意事项
2016/08/12 PHP
PHP自定义函数实现数组比较功能示例
2017/10/19 PHP
php设计模式之单例模式用法经典示例分析
2019/09/20 PHP
laravel 解决Eloquent ORM的save方法无法插入数据的问题
2019/10/21 PHP
yii2.0框架实现上传excel文件后导入到数据库的方法示例
2020/04/13 PHP
JavaScript中的一些定位属性[图解]
2010/07/14 Javascript
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
javascript alert乱码的解决方法
2013/11/05 Javascript
js实现按一下删除键删除整个单词附demo
2014/09/05 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
微信小程序 wx:key详细介绍
2016/10/28 Javascript
微信小程序 网络API发起请求详解
2016/11/09 Javascript
JavaScript Uploadify文件上传实例
2017/02/28 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
vue将对象新增的属性添加到检测序列的方法
2018/02/24 Javascript
如何区分vue中的v-show 与 v-if
2020/09/08 Javascript
Nuxt的路由动画效果案例
2020/11/06 Javascript
python实现验证码识别功能
2018/06/07 Python
python实现暗通道去雾算法的示例
2020/09/27 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
中国茶叶、茶具一站式网上购物商城:醉品茶城
2018/07/03 全球购物
暑期社会实践学生的自我评价
2014/01/09 职场文书
党员自我批评与反省材料
2014/02/10 职场文书
工作迟到检讨书
2014/02/21 职场文书
小学生竞选班长演讲稿
2014/04/24 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
详解Nginx启动失败的几种错误处理
2021/04/01 Servers
php中配置文件保存修改操作 如config.php文件的读取修改等操作
2021/05/12 PHP
python随机打印成绩排名表
2021/06/23 Python
oracle删除超过N天数据脚本的方法
2022/02/28 Oracle