场景
在使用vue-cli搭建项目,使用less、sass的时候,安装less-loader、sass-loader使用以下命令:
yarn add -D less-loader less
yarn add -D sass-loader sass
启动项目的时候却发现报错,如下:
目前安装的最新版本是
less-loader 8.0.0,sass-loader 11.0.0
问题分析
由于目前 @vue/cli@4.5.12 所用的是 webpack4,发现 sass-loader的11.0.0和less-loader的8.0.0 版本需要 webpack5 ,所以需要将sass-loader的版本降到11以下,less-loader的版本降到8以下。
解决方案
安装低一点版本的依赖包
yarn add -D less-loader@7.3.0
yarn add -D sass-loader@10.1.1
更换版本之后再次运行项目即可。