sass一直在报错的问题

sass-loader屡次安装不生效的问题
报错信息：

从报错来看，应该是loader的问题，然后就删除重装sass-loader，node-sass，来来回回不下5次，还是报同样的错误，甚至怀疑是不是webpack.dev.config.js中没有配置好？一步步检查，也没有发现问题。

npm install node-sass --save-dev //安装node-sass
npm install sass-loader --save-dev //安装sass-loader
npm install style-loader --save-dev //安装style-loader

最后换git bash 来重新执行了一边npm install 代码，这个时候发现了问题…… ，由于之前我都是直接在vsCode中直接新建终端来执行shell脚本的，界面比较小，所以没有显示完整的日志，这次终于发现了蹊跷。

这是因为当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行，下面说一下修改方法，很简单，如下，找到package.json文件，里面的 "sass-loader"的版本更换掉 就行了。

我本地是将 “sass-loader”: “^8.0.0”，更换成了 “sass-loader”: “^7.3.1”。

卸载当前版本sass-loader命令：npm uninstall sass-loader

安装低版本的sass-loader命令：npm install sass-loader@7.3.1 --save-dev