前言

安装配置node-sass 以及 sass-loader想必是很多前端的噩梦–一不小心又不成功还得装个半天。
下面说一下这个问题。
当然，你肯定遇到过：

Node Sass version 9.0.0 is incompatible with ^4.0.0-

这样的问题，这个也是因为三者关系对不上。

对应 版本说明

node-sass 与node版本关系

那么node-sass与sass-loader的关系

sass-loader 4.1.1，node-sass 4.3.0

sass-loader 7.0.3，node-sass 4.7.2

sass-loader 7.3.1，node-sass 4.7.2

sass-loader 7.3.1，node-sass 4.14.1

sass-loader 10.0.1，node-sass 6.0.1

解决方案

删除之前的：

npm uninstall node-sass sass-loader
OR:
yarn remove node-sass sass-loader

按照章节2的关系图按照对应关系的，
例如：

node-14:
npm i node-sass@4.14.1 sass-loader@7.3.1 --save -dev
node-15:
npm i node-sass@4.14.1 sass-loader@7.3.1 --save -dev
node-16:(已验证通过)
npm i node-sass@6.0.1 sass-loader@10.2.0 --save-dev
 npm install less-loader@6.0.0 --save-dev