node-sass安装之路,好漫长!!!

最近正在做一个vue的单页面应用,为了美化页面,需要引入饿了么出品的前端框架——mint-ui,但是用npm包管理工具安装好了mint-ui之后,还需要安装其他依赖包,其中最令人头疼的是node-sass的安装,各种报错,最后安装成功的时候真是把我激动坏了,现在就介绍下node-sass的安装问题以及解决办法。

普通情况下我们认为的node-sass的安装:
npm install node-sass
然鹅,情况并没我们想象中那样简单...(报了一大堆错)
报错.png
报错.png

以上的报错让人一头雾水,不过我已经圈出重点了,没错就是红框里的那两句,意思是安装node-sass必须下载win32-x64-57_binding.node文件,但是并没下载成功,因此报了一系列的错误。
既然找到问题的源头了,那么就很好办了,以下方法总有适合你的:

方法一

进入下面这个git地址:

https://github.com/sass/node-sass/tags

找到对应的版本,其实大多数都是可以用的,然后下载win32-x64-57_binding.node文件即可。
下载完之后另存为自己的目录下,在命令行工具中输入下面指令:

set SASS_BINARY_PATH=c:\soft_file\win32-x64-57_binding.node
// 设置SASS_BINARY_PATH环境变量,告诉程序直接使用本地的.node文件,无需从网上下载
// 我的文件在C盘的soft_file文件夹下,所以路径是"c:\soft_file\"

echo %SASS_BINARY_PATH%
// 如果输出地址,说明设置成功

npm install node-sass
// 成功安装

方法二

set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ && npm install node-sass
// 设置变量SASS_BINARY_SITE,指向淘宝镜像地址,可直接使用里面的.node文件

方法三(此方法node版本应在v8以下)

npm install -g cnpm --registry=https://registry.npm.taobao.org  
//先全局安装cnpm

cnpm install node-sass  
// 利用淘宝的npm镜像安装node-sass

方法四(若方法三不行,则用方法四)

npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
// --registry=https://registry.npm.taobao.org  淘宝npm包镜像
// --disturl=https://npm.taobao.org/dist  淘宝node源码镜像,一些二进制包编译时用
// --sass-binary-site=http://npm.taobao.org/mirrors/node-sass  这个才是node-sass镜像

好了,以上就是本人对于node-sass安装的解决方法,不足请指正!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容