node-sass安装失败解决方案

一、问题

基于css预处理器的优势，许多大项目都会用到css预处理器，有些人说less就已经够用了，sass又很难下载，那为什么还有那么多老程序员喜欢用，其实sass的用处比less多得多。应用场景也很丰富。

二、遇到的问题报错

1.安装

如果没报错恭喜你安装成功。

npm i node-sass -S

2.失败

首先你看报错类型，我遇到的是python版本过高。看到python调用命令行的语句，应该是3.多的版本已经不支持2.多的版本的语法，所有需要将python降级，还有提示说gyp —gyp的介绍。

3.解决方案

参考博文node-sass 安装失败的各种坑

第一步全局安装node-gyp

用管理员身份打开powershell或者cmd命令行。

npm install -g node-gyp

第二步通过gyp安装windows安装工具

npm install --global --production windows-build-tools

别高兴的太早可能这里你又报了一个错，这是你安装ctrl点击它提示的文件夹，进入文件夹双击msi文件安装低版本的python来构建我们的node-sass。

第三步配置环境变量

这是下载python2.版本的Scripts

这是python的一整个文件夹

第四步卸载完再重新下载

• 先卸载原先的node-sass 命令行输入： npm uninstall node-sass
• 在重新下载node-sass 命令行输入: npm i node-sass

第五步跑起你的项目

当你敲入npm run serve或者npm run dev来开启项目的时候，会发现又报了一个错误，你去查的时候会发现他需要14以下的node版本。这是我们可以通过gnvm来进行版本回退，并且回退完重启即可。

---

下载gnvm

下载gnvm五花八门

• 直接下载
  32-bit | 64-bit 常用地址， Box ，速度稍慢
  32-bit | 64-bit 备用地址，百度网盘，速度快
  32-bit | 64-bit 备用地址， Github
• 借助go 命令：go get github.com/Kenshin/gnvm
• 借助git 命令： git clone git@github.com:Kenshin/gnvm-bin.git
• 借助curl 命令：curl -L https://github.com/Kenshin/gnvm-bin/blob/master/32-bit/gnvm.exe?raw=true -o gnvm.exe

第一步安装之后把文件放在node目录下

无论你用什么方式下载完之后会得到一个这个图标的exe文件。因为你node的环境变量已经配置完成了可以直接在任意文件夹下使用它。或者直接在此文件夹开启cmd。

第二步测试和初始化

gnvm version	#来测试
gnvm config 	#来初始化

第三步来切换版本

这里用的是14.9.1，可以先查看你需要的版本。奇数版本为开发版本，偶数版本为长期维护版本

gnvm search 14.*.*

下载需要的版本（这边是14.9.1）

gnvm install 14.9.1

切换查看版本并切换（global指向的为当前版本）

• ls 是查看
• use 加想要的版本是切换当前版本

gnvm ls

gnvm use

切换淘宝镜像（如果不需要也可以不切）

gnvm config registry TAOBAO
或者
gnvm iconfig registry npm.taobao.org/mirrors/node

总结

当然下载node-sass的方法不唯一，您也可自寻其他门道，也可以直接拷贝同事的node_module包，这也是我刚刚去项目实习的时候遇到的第一个问题，希望本文章对你有帮助。