vue相关项目提示 Failed to resolve Loader: sass-loader

VUE 提示 Failed to resolve Loader: sass-loader




查找问题：说明项目中没有 sass-loader依赖，由于sass-loader需要node-sass组件,所以我们需要安装的是两个组件：


node-sass
sass-loader

但不能直接安装最新的：
npm i node-sass -D
npm i sass-loader -D

这样会报错：Syntax Error: TypeError: this.getOptions is not a function


报错解决：https://blog.csdn.net/qq_38157825/article/details/114318772

结合报错原因得出：
安装时指定版本即不会出现Syntax Error: TypeError: this.getOptions is not a function
npm i -D sass-loader@8.x // 安装
npm i -D node-sass@4.14.1 // 安装

同理也可能是less-loader导致的
通常提示
Syntax Error: TypeError: this.getOptions is not a function
提示语法错误都是 版本问题


所以解决问题与安装过程中记得指定版本，不要最新版的直接安装
通过降级版本号是最快捷的方法


卸载 less-loader
npm uninstall --save less-loader
安装一个低版本的
npm install -D less-loader@7.3.0