- 首先将node-sass卸载
npm uninstall node-sass
- 安装dart-sass
这里已经是踩坑第一步了,实际上不能理所当然的觉得是 npm install dart-sass
,因为虽然dart-sass名确实为dart-sass,但也是sass官方最开始为了区分node-sass来作出的一个命名,而后node-sass就已经被完全弃用,因而dart-sass也被弃用,统一使用sass来作为dart-sass。
![在这里插入图片描述](https://img-blog.csdnimg.cn/879ea3aa5f944c02a4b9b1bce80e60aa.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6ZqP5oSP55qESUQ=,size_20,color_FFFFFF,t_70,g_se,x_16)
因此,此步正确做法如下npm install sass -D
- 在安装完正确版本的dart-sass以后,出现了无法编译的问题,苦苦找寻感觉是sass-loader版本过久无法编译,于是重新安装sass-loader
npm install sass-loader -D
- 在安装完全套最新的sass后,差点以为就成功了,然而却出现了
TypeError: this.getOptions is not a function
这个错误。原来是sass-loader v11以后需要webpack v5才能兼容,于是只能将sass-loader降级为v10
npm install sass-