整理 node-sass 安装失败的原因及解决办法

首先，我按照常规步骤安装

1. npm install node-sass --save-dev
2. npm install sass-loader@^7.3.1 --save-dev

3. npm install style-loader --save-dev
   执行这三步，但当我引用scss文件后出现报错了

   
   
   image.png
   
   

   于是我查看node-sass 的版本是5.0.0，查询百度建议安装[email protected]版本，
   我又卸载了node-sass，重新安装4的版本，但死活安装不上，报错了，找了好久才找到解决办法

注意：一下就是解决安装4版本的解决方法

解决办法一 使用淘宝镜像源(推荐)

设置变量 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

这里方法二，我尝试并没有成功，不知何因，小伙伴们可以自行选择！