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
在这里插入图片描述
项目正常运行

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐