当vue页面中初次使用了 lang=“less“ 通常会报错,信息比如 Module not found: Error: Can't resolve:"xxxxxxxx/node_modules\less-loader\dist\cjs.js"
此时需要下载:less-loader
命令:npm install less-loader --save -dev
此处命令下载的是最新的less-loader
如果项目中安装的webpack 版本比较低,安装了最新的less-loader也会报错,可以在“package-lock.json”文件中查看webpack的版本,目前我使用的是5.xx,所以使用最新版的less-loader不会报错,如果使用@4.xx的webpack,
此处会出现第二个报错 “Module build failed (from ./node_modules/less-loader/dist/cjs.js): Error: Cannot find module 'less”
此时需要先卸载less-loader 命令:npm uninstall less-loader
在下载相应的版本,可以先通过指令 npm view less-loader versions 查看当前所有的less-loader版本,之后在进行下载,比如webpack是4xxx版本的,可以用 npm install less-loader@7.3.0 --save-dev
中途还需要过提示less丢失的情况,可以直接下载less即可 npm install less,(此报错后续项目中基本未再出现)
总结一下:安装less-loader步骤
1.查看webpack版本
2.如果webpack是5xxx ,那么直接就用npm install less-loader --save -dev
3.如果是4xxxx或者以下的,可以用npm install less-loader@xxxx --save -dev(xxxx特定的版本号),查看版本号的指令 npm view less-loader versions