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 关于# 和 void的区别分析
Oct 26 Javascript
chrome原生方法之数组
Nov 30 Javascript
高性能JavaScript模板引擎实现原理详解
Feb 05 Javascript
深入浅出分析javaScript中this用法
May 09 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
Vue前后端不同端口的实现方法
Sep 19 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
angular2 NgModel模块的具体使用方法
Apr 10 Javascript
基于layui实现高级搜索(筛选)功能
Jul 26 Javascript
Layui点击图片弹框预览的实现方法
Sep 16 Javascript
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
Apr 09 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读取IMAP邮件
2006/10/09 PHP
laravel安装和配置教程
2014/10/29 PHP
PHP cURL初始化和执行方法入门级代码
2015/05/28 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
PHP框架Laravel中实现supervisor执行异步进程的方法
2017/06/07 PHP
php实现保存周期为1天的购物车类
2017/07/07 PHP
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
2011/03/28 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
javascript中arguments,callee,caller详解
2016/03/16 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
2018/09/01 jQuery
express.js中间件说明详解
2019/03/19 Javascript
详解小程序设置缓存并且不覆盖原有数据
2019/04/15 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
2019/12/06 Javascript
浅谈Vue组件单元测试究竟测试什么
2020/02/05 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
2020/02/06 Javascript
JS数组转字符串实现方法解析
2020/09/04 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
2020/12/14 Vue.js
vue keep-alive的简单总结
2021/01/25 Vue.js
[40:31]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
[01:00:10]完美世界DOTA2联赛PWL S2 FTD vs Inki 第二场 11.21
2020/11/24 DOTA
Python实现字符串格式化输出的方法详解
2017/09/20 Python
对python产生随机的二维数组实例详解
2018/12/13 Python
python中字符串数组逆序排列方法总结
2019/06/23 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
python flask搭建web应用教程
2019/11/19 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
什么是Python中的匿名函数
2020/06/02 Python
keras topN显示,自编写代码案例
2020/07/03 Python
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
JAVA语言如何进行异常处理,关键字:throws,throw,try,catch,finally分别代表什么意义?在try块中可以抛出异常吗?
2013/07/02 面试题
机关门卫的岗位职责
2014/04/29 职场文书
领导个人查摆剖析材料
2014/10/29 职场文书
初中信息技术教学计划
2015/01/22 职场文书
办公用品质量保证书
2015/05/11 职场文书
Nginx安装配置详解
2022/06/25 Servers