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 相关文章推荐
jQuery 研究心得 取得属性的值
Nov 30 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
May 30 Javascript
node.js中的fs.appendFile方法使用说明
Dec 17 Javascript
Javascript数组操作函数总结
Feb 05 Javascript
jquery实现动态改变div宽度和高度
May 08 Javascript
关于vue中 $emit的用法详解
Apr 12 Javascript
Angular6 用户自定义标签开发的实现方法
Jan 08 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
Jul 16 Javascript
TypeScript的安装、使用、自动编译的实现
Apr 10 Javascript
Vue实现移动端拖拽交换位置
Jul 29 Javascript
详解vue3.0 的 Composition API 的一种使用方法
Oct 26 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数组函数序列之in_array() 查找数组值是否存在
2011/10/29 PHP
使用php get_headers 判断URL是否有效的解决办法
2013/04/27 PHP
Symfony2学习笔记之模板用法详解
2016/03/17 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
PHP 实现文件压缩解压操作的方法
2019/06/14 PHP
对laravel的session获取与存取方法详解
2019/10/08 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
JS的replace方法详细介绍
2012/11/09 Javascript
一段非常简单的js判断浏览器的内核
2014/08/17 Javascript
详解JavaScript正则表达式中的global属性的使用
2015/06/16 Javascript
详解Javascript函数声明与递归调用
2016/10/22 Javascript
微信小程序开发(一) 微信登录流程详解
2017/01/11 Javascript
Bootstrap表格制作代码
2017/03/17 Javascript
nodeJS实现路由功能实例代码
2017/06/08 NodeJs
详解在React.js中使用PureComponent的重要性和使用方式
2018/07/10 Javascript
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
2019/01/27 Javascript
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
vue 的 solt 子组件过滤过程解析
2019/09/07 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
2019/09/27 Javascript
javascript实现视频弹幕效果(两个版本)
2019/11/28 Javascript
JS实现百度搜索框关键字推荐
2020/02/17 Javascript
Python基于Floyd算法求解最短路径距离问题实例详解
2018/05/16 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
python利用后缀表达式实现计算器功能
2021/02/22 Python
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
挪威太阳镜和眼镜网上商城:SmartBuyGlasses挪威
2016/08/20 全球购物
美国网上订购鲜花:FTD
2016/09/23 全球购物
数据员岗位职责
2013/11/19 职场文书
英语专业自荐书
2014/06/13 职场文书
环保公益策划方案
2014/08/15 职场文书
简单的个人租房协议书范本
2014/11/26 职场文书
电工生产实习心得体会
2016/01/22 职场文书
CSS3 制作精美的定价表
2021/04/06 HTML / CSS
Anaconda安装pytorch和paddle的方法步骤
2022/04/03 Python