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获取图片长和宽度的代码
Nov 24 Javascript
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
Jul 10 Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
Jan 07 Javascript
js读取配置文件自写
Feb 11 Javascript
javascript表单验证大全
Aug 12 Javascript
angularjs学习笔记之简单介绍
Sep 26 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
Dec 25 Javascript
AngularJS全局警告框实现方法示例
May 18 Javascript
element-ui中select组件绑定值改变,触发change事件方法
Aug 24 Javascript
vue单页面在微信下只能分享落地页的解决方案
Apr 15 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
Jul 19 Javascript
浅析Angular 实现一个repeat指令的方法
Jul 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
Linux下 php5 MySQL5 Apache2 phpMyAdmin ZendOptimizer安装与配置[图文]
2008/11/18 PHP
鸡肋的PHP单例模式应用详解
2013/06/03 PHP
php使用CutyCapt实现网页截图保存的方法
2016/10/03 PHP
PHP之将POST数据转化为字符串的实现代码
2016/11/03 PHP
CI框架AR数据库操作常用函数总结
2016/11/21 PHP
PHP PDOStatement::execute讲解
2019/01/31 PHP
php curl简单采集图片生成base64编码(并附curl函数参数说明)
2019/02/15 PHP
用javascript getComputedStyle获取和设置style的原理
2008/10/10 Javascript
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
2008/12/25 Javascript
利用jquery的获取JS文件中的字符串内容
2012/02/14 Javascript
JS中的数组的sort方法使用示例
2014/01/22 Javascript
javascript不同类型数据之间的运算的转换方法
2014/02/13 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
Angular 根据 service 的状态更新 directive
2016/04/03 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
2016/06/12 Javascript
运用js教你轻松制作html音乐播放器
2020/04/17 Javascript
jQuery旋转插件jqueryrotate用法详解
2016/10/13 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
2019/06/20 jQuery
微信小程序 腾讯地图显示偏差问题解决
2019/07/27 Javascript
jQuery实现全选按钮
2021/01/01 jQuery
Python2.x利用commands模块执行Linux shell命令
2016/03/11 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
Python如何使用k-means方法将列表中相似的句子归类
2019/08/08 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
介绍一下木马病毒的种类
2015/07/26 面试题
写clone()方法时,通常都有一行代码,是什么?
2012/10/31 面试题
庆元旦广播稿
2014/02/10 职场文书
会计助理岗位职责
2014/02/17 职场文书
质量负责人任命书
2014/06/06 职场文书
党的群众路线对照检查材料
2014/09/22 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
行政撤诉申请书
2015/05/18 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS