使用vue-cli创建一个项目,想在项目中使用less,
在控制台运行npm install less less-loader --save-dev,运行后报错结果如下图
npm install less less-loader --save-dev
找了很多方法,直到看这两篇帖子:
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,并重新运行项目,问题解决。
在网上找了其他解决方案,仅供参考,可以看看是否能解决你们的问题:
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博客