Syntax Error: Error: The Less implementation “undefined“ not found Cannot find module ‘less‘

vue安装less运行报错

in
./src/components/Student.vue?vue&type=style&index=0&id=22321ebb&lang=less&scoped=true&

Syntax Error: Error: The Less implementation “undefined” not found

ERROR in
./src/components/Student.vue?vue&type=style&index=0&id=22321ebb&lang=less&scoped=true&
(./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Student.vue?vue&type=style&index=0&id=22321ebb&lang=less&scoped=true&)
Module Error (from ./node_modules/less-loader/dist/cjs.js): Cannot
find module ‘less’

原因：这是webpack与less版本不匹配的问题，less-loader版本过高

我的webpack版本是5.73，但是我的less-loader下载时未指定版本，默认下载最高版本（11.0）导致less-loader版本过高，安装完成后运行项目出现以上问题

解决方法：下载低版本的less-loader

执行命令：
npm i less-loader@版本号
我下载的是6版本的less-loader

npm i less-loader@6

重新运行项目 npm run serve

项目正常运行