美文网首页npm
node-sass安装之路,好漫长!!!

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

作者: ALOLONGHUN | 来源:发表于2017-09-04 23:27 被阅读266次

    最近正在做一个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安装的解决方法,不足请指正!

    相关文章

      网友评论

        本文标题:node-sass安装之路,好漫长!!!

        本文链接:https://www.haomeiwen.com/subject/mfdyjxtx.html