ERROR in .srccomponentsSchool.vuevue&type=style&index=0&id=3375b0b8&lang=less&scoped=true&

ERROR in ./src/components/School.vue?vue&type=style&index=0&id=3375b0b8&lang=less&scoped=true&

Module build failed: Error: Cannot find module ‘less’

1.报错信息上截图

ERROR in .srccomponentsSchool.vuevue&type=style&index=0&id=3375b0b8&lang=less&scoped=true&_第1张图片

2.解决方法

为什么要报错,理一下报错的原因:脚手架需要提托于webpack,由于目前的webpack版本已经到了5的版本,当前使用的webpack的版本为5.76.3,而less-loader8 less-loder9迎合的是webpack5

2.1.查看当前使用webpack使用的版本

npm view webpack version

在这里插入图片描述

2.2查看wekpack的所有版本

npm view webpack versions

ERROR in .srccomponentsSchool.vuevue&type=style&index=0&id=3375b0b8&lang=less&scoped=true&_第2张图片

2.3查看less-loader的版本

npm view less-loader  versions

2.4卸载之前的

npm uninstall less --save 
npm uninstall less-loader --save


2.4知道自己的版本之后进入官网

搜索webpack,进入官网 -》文档 -》loaders

比如我想加载css的loader,进入样式-》lss-loader中查看其安装和配置

到这里可以参考

relevant_paycolumn_v3&utm_relevant_index=5

你可能感兴趣的:(vue,less,webpack,javascript)