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 相关文章推荐
Javascript miscellanea -display data real time, using window.status
Jan 09 Javascript
关于B/S判断浏览器断开的问题讨论
Oct 29 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
Sep 29 Javascript
jQuery javaScript捕获回车事件(示例代码)
Nov 07 Javascript
JavaScript表格常用操作方法汇总
Apr 15 Javascript
jQuery插件实现静态HTML验证码校验
Nov 06 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
AngularJS 整理一些优化的小技巧
Aug 18 Javascript
template.js前端模板引擎使用详解
Oct 10 Javascript
webpack本地开发环境无法用IP访问的解决方法
Mar 20 Javascript
Vue 莹石摄像头直播视频实例代码
Aug 31 Javascript
在vue中给列表中的奇数行添加class的实现方法
Sep 05 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 zend解密软件绿色版测试可用
2008/04/14 PHP
php cookis创建实现代码
2009/03/16 PHP
解析PHP多种序列化与反序列化的方法
2013/06/06 PHP
基于simple_html_dom的使用小结
2013/07/01 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
静态的动态续篇之来点XML
2006/08/15 Javascript
IE与Firefox下javascript getyear年份的兼容性写法
2007/12/20 Javascript
javascript比较文档位置
2008/04/08 Javascript
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
Javascript中各种trim的实现详细解析
2013/12/10 Javascript
做好七件事帮你提升jQuery的性能
2014/02/06 Javascript
setinterval()与clearInterval()JS函数的调用方法
2015/01/21 Javascript
nodejs爬虫抓取数据乱码问题总结
2015/07/03 NodeJs
jquery中object对象循环遍历的方法
2015/12/18 Javascript
bootstrap中使用google prettify让代码高亮的方法
2016/10/21 Javascript
通过网页查看JS源码中汉字显示乱码的解决方法
2016/10/26 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
2017/05/10 Javascript
微信小程序 上传头像的实例详解
2017/10/27 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
2018/03/03 Javascript
vue form check 表单验证的实现代码
2018/12/09 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
2019/09/23 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
Python使用cx_Oracle模块操作Oracle数据库详解
2018/05/07 Python
python pandas.DataFrame选取、修改数据最好用.loc,.iloc,.ix实现
2018/06/11 Python
python3解析库BeautifulSoup4的安装配置与基本用法
2018/06/26 Python
python实现Flappy Bird源码
2018/12/24 Python
python框架django项目部署相关知识详解
2019/11/04 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
CSS3 Notes: -webkit-box-reflect实现倒影的实例
2016/12/08 HTML / CSS
质量在我心中演讲稿
2014/09/02 职场文书
评先进个人材料
2014/12/29 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
读《教育心理学》心得体会
2016/01/22 职场文书
导游词之大雁塔景区
2019/09/17 职场文书
一定要知道的 25 个 Vue 技巧
2021/11/02 Vue.js