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功能函数代码
Jun 23 Javascript
IE下js调试工具Companion.JS
Oct 15 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
Mar 26 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
Jan 14 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
Dec 17 Javascript
详解vue + vuex + directives实现权限按钮的思路
Oct 24 Javascript
JavaScript实现三级级联特效
Nov 05 Javascript
基于Bootstrap实现城市三级联动
Nov 23 Javascript
在JavaScript中使用严格模式(Strict Mode)
Jun 13 Javascript
vue 解决form表单提交但不跳转页面的问题
Oct 30 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
Nov 26 Javascript
Node.js中console.log()输出彩色字体的方法示例
Dec 01 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 定义404页面的实现代码
2012/11/19 PHP
PHP 多进程与信号中断实现多任务常驻内存管理实例方法
2019/10/04 PHP
JavaScript和JQuery实用代码片段(一)
2010/04/07 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
2013/01/23 Javascript
js读取json的两种常用方法示例介绍
2014/10/19 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
同步文本框内容JS代码实现
2016/08/04 Javascript
jQuery easyui刷新当前tabs的方法
2016/09/23 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
2016/12/08 Javascript
JavaScript验证知识整理
2017/03/24 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
2017/11/07 Javascript
Node.js console控制台简单用法分析
2019/01/04 Javascript
vue element动态渲染、移除表单并添加验证的实现
2019/01/16 Javascript
微信小程序 slot踩坑的解决
2019/04/01 Javascript
js利用递归与promise 按顺序请求数据的方法
2019/08/30 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
在vue中使用eslint,配合vscode的操作
2020/11/09 Javascript
javascript实现拼图游戏
2021/01/29 Javascript
[52:00]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs Optic
2018/04/02 DOTA
深入理解Python中的内置常量
2017/05/20 Python
Python中用字符串调用函数或方法示例代码
2017/08/04 Python
python ddt实现数据驱动
2018/03/14 Python
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
django 实现编写控制登录和访问权限控制的中间件方法
2019/01/15 Python
django项目环境搭建及在虚拟机本地创建django项目的教程
2019/08/02 Python
New Balance英国官方网站:始于1906年,百年慢跑品牌
2016/12/07 全球购物
中国高端鲜花第一品牌:roseonly(一生只送一人)
2017/02/12 全球购物
Myprotein加拿大官网:欧洲第一的运动营养品牌
2018/01/06 全球购物
有原因的手表:Flex Watches
2019/03/23 全球购物
介绍一下SQL中union,intersect和minus
2012/04/05 面试题
汉语专业应届生求职信
2013/10/01 职场文书
生育关怀行动实施方案
2014/03/26 职场文书
初中英语课后反思
2014/04/25 职场文书
《桃林那间小木屋》教学反思
2014/05/01 职场文书
六查六看自查报告
2014/10/14 职场文书
小学三年级数学教学反思
2016/02/16 职场文书