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常用自定义公共函数汇总
Jan 15 Javascript
使用原生js写的一个简单slider
Apr 29 Javascript
关于javaScript注册click事件传递参数的不成功问题
Jul 18 Javascript
JS深度拷贝Object Array实例分析
Mar 31 Javascript
JS弹出新窗口被拦截的解决方法
Aug 09 Javascript
JS防止网页被嵌入iframe框架的方法分析
Sep 13 Javascript
Jquery实现上下移动和排序代码
Oct 17 Javascript
利用JS实现点击按钮后图片自动切换的简单方法
Oct 24 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
Aug 27 Javascript
详解JavaScript添加给定的标签选项
Sep 17 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
Jan 07 Javascript
Vue实现返回顶部按钮实例代码
Oct 21 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读取RSS feed的代码
2008/08/01 PHP
PHP序列号生成函数和字符串替换函数代码
2012/06/07 PHP
php语言流程控制中的主动与被动
2012/11/05 PHP
七款最流行的PHP本地服务器分享
2013/02/19 PHP
PHP设计模式之工厂方法设计模式实例分析
2018/04/25 PHP
CI(CodeIgniter)框架中URL特殊字符处理与SQL注入隐患分析
2019/02/28 PHP
PHP操作Redis常用命令的实例详解
2020/12/23 PHP
jQuery 1.3 和 Validation 验证插件1.5.1
2009/07/09 Javascript
jquery 图片轮换效果
2010/07/29 Javascript
你需要知道的10个最佳javascript开发实践小结
2012/04/15 Javascript
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
用于deeplink的js方法(判断手机是否安装app)
2014/04/02 Javascript
jQuery如何取id有.的值一般的方法是取不到的
2014/04/18 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
2014/07/02 Javascript
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
2015/04/30 Javascript
在Javascript中处理数组之toSource()方法的使用
2015/06/09 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
2015/08/10 Javascript
深入剖析JavaScript编程中的对象概念
2015/10/21 Javascript
Jquery实现$.fn.extend和$.extend函数
2016/04/14 Javascript
JavaScript原生对象常用方法总结(推荐)
2016/05/13 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
深入学习JavaScript中的bom
2019/05/27 Javascript
js获取图片的base64编码并压缩
2020/12/05 Javascript
[36:29]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs TNC
2018/04/02 DOTA
Python 遍历列表里面序号和值的方法(三种)
2017/02/17 Python
Python装饰器实现几类验证功能做法实例
2017/05/18 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
用python写一个定时提醒程序的实现代码
2019/07/22 Python
精油和天然健康美容产品:Art Naturals
2018/01/27 全球购物
adidas澳大利亚官方网站:adidas Australia
2018/04/15 全球购物
FC-Moto美国:欧洲最大的摩托车服装和头盔商店之一
2019/08/24 全球购物
原料仓管员岗位职责
2014/04/12 职场文书
家长通知书教师评语
2014/04/17 职场文书
总经理检讨书范文
2015/02/16 职场文书
学生会副主席竞选稿
2015/11/19 职场文书
Windows环境下实现批量执行Sql文件
2021/10/05 SQL Server