less-loader 报错

 当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 [email protected] --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