最近正在做一个vue的单页面应用,为了美化页面,需要引入饿了么出品的前端框架——mint-ui,但是用npm包管理工具安装好了mint-ui之后,还需要安装其他依赖包,其中最令人头疼的是node-sass的安装,各种报错,最后安装成功的时候真是把我激动坏了,现在就介绍下node-sass的安装问题以及解决办法。
普通情况下我们认为的node-sass的安装:
npm install node-sass
然鹅,情况并没我们想象中那样简单...(报了一大堆错)
以上的报错让人一头雾水,不过我已经圈出重点了,没错就是红框里的那两句,意思是安装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安装的解决方法,不足请指正!