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代码风格指南
Sep 10 Javascript
基于jquery实现表格内容筛选功能实例解析
May 09 Javascript
微信小程序 教程之模板
Oct 18 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
Dec 06 Javascript
EasyUI在Panel上动态添加LinkButton按钮
Aug 11 Javascript
详解webpack打包第三方类库的正确姿势
Oct 20 Javascript
Bootstrap Paginator+PageHelper实现分页效果
Dec 29 Javascript
JS实现将对象转化为数组的方法分析
Jan 21 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
May 02 Javascript
JS中的函数与对象的创建方式
May 12 Javascript
Vue.js组件通信之自定义事件详解
Oct 19 Javascript
在HTML5 localStorage中存储对象的示例代码
Apr 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
解析wamp5下虚拟机配置文档
2013/06/27 PHP
JavaScript CSS修改学习第三章 修改样式表
2010/02/19 Javascript
jquery.AutoComplete.js中文修正版(支持firefox)
2010/04/09 Javascript
JavaScript执行效率与性能提升方案
2012/12/21 Javascript
js形成页面的一种遮罩效果实例代码
2014/01/04 Javascript
jQuery动画效果相关方法实例分析
2015/12/31 Javascript
实例代码详解javascript实现窗口抖动及qq窗口抖动
2016/01/04 Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
2016/11/01 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
2016/12/27 Javascript
Vue.directive自定义指令的使用详解
2017/03/10 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
2017/08/21 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
使用layer弹窗,制作编辑User信息页面的方法
2019/09/27 Javascript
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Python读取文件内容的三种常用方式及效率比较
2017/10/07 Python
1 行 Python 代码快速实现 FTP 服务器
2018/01/25 Python
python实现多进程通信实例分析
2019/09/01 Python
Python Collatz序列实现过程解析
2019/10/12 Python
keras中模型训练class_weight,sample_weight区别说明
2020/05/23 Python
PyQT5速成教程之Qt Designer介绍与入门
2020/11/02 Python
基于css3 animate制作绚丽的动画效果
2015/11/24 HTML / CSS
HTML5单页面手势滑屏切换原理分析
2017/07/10 HTML / CSS
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
金讯Java笔试题目
2013/06/18 面试题
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
学年自我鉴定
2014/01/16 职场文书
质量安全标语
2014/06/07 职场文书
党员对照检查材料
2014/09/22 职场文书
离婚协议书范本(通用篇)
2014/11/30 职场文书
博物馆观后感
2015/06/05 职场文书
四大名著读书笔记
2015/06/25 职场文书
高中16字霸气押韵班级口号集锦!
2019/06/27 职场文书
导游词之云南丽江古城
2019/09/17 职场文书
面试提问mysql一张表到底能存多少数据
2022/03/13 MySQL
windows server2008 开启端口的实现方法
2022/06/25 Servers
CSS的calc函数用法小结
2022/06/25 HTML / CSS