Failed to resolve loader: less-loader You may need to install it

251 阅读1分钟

使用vue-cli创建一个项目,想在项目中使用less, 在控制台运行npm install less less-loader --save-dev,运行后报错结果如下图

npm install less less-loader --save-dev

image.png

找了很多方法,直到看这两篇帖子:

Vue项目安装less和less-loader的详细步骤_vue.js_脚本之家 (jb51.net)

解决Failed to resolve loader: less-loaderYou may need to install it.的问题_删除less-loader失败-CSDN博客

这两篇帖子末尾都提安装版本,由于安装版本不一致可能会导致这个错误:Failed to resolve loader: less-loader You may need to install it. 原因是由于less-loader的版本号要搭配webpack的版本号来选择,比如安装webpack@4安装webpack-cli@3安装less@4安装less-loader@7

知道原因解决就很简单: 1、卸载less-loader和less

npm uninstall less-loader
npm uninstall less

2、重新安装一个版本较低的less

npm i less-loader@7

然后在项目中引用less,并重新运行项目,问题解决。

image.png

在网上找了其他解决方案,仅供参考,可以看看是否能解决你们的问题:

Failed to resolve loader: less-loader You may need to install it.-CSDN博客

Failed to resolve loader: less-loader You may need to install it 的解决方法,四种,可以都试试!-CSDN博客

Vue安装使用less_vue 安装less-CSDN博客