Failed to resolve loader: sass-loader的解决方法 – Vue项目兼容性问题

问题

在启动一个vue项目时，遇到报错 Failed to resolve loader: sass-loader，如图

分析并尝试快速解决

通过上图可以看到，这里提示我们需要下载sass-loader，我直接执行 npm install sass-loader后启动结果如下

也就是一直卡在了如图的：

Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0

仍然不成功，因此大概率是版本不兼容问题。

解决方案

我这里的node版本为 v14.16，经过查阅，需要版本对应如下

NodeJS版本：node 14
node-sass版本：4.14+,<9.0
sass-loader版本：^8.0.0

于是先卸载已有的不兼容sass，命令

npm uninstall sass sass-loader

如图

然后重装兼容的版本的sass，命令

npm install -D node-sass@4.14.1 sass-loader@8

如图

最终启动成功，如图

结语

以上为幽络源的vue项目在nodev14.16版本下，因为sass不兼容导致无法启动项目的问题的解决方案，具体为Failed to resolve loader: sass-loader，如有其他疑问，可加入我们的QQ交流群307531422