webpack和less-loader版本冲突问题报错Rule can only have one resource source

努力的琦琦

于 2021-07-31 15:18:51 发布

阅读量2.6k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： vue_blog 文章标签： vue-cli3 webpack less less-loader

本文链接：https://blog.csdn.net/weixin_48210599/article/details/119275889

vue_blog 专栏收录该内容

1 篇文章

订阅专栏

在启动项目时遇到缺少less-loader的错误，通过npm安装less-loader后，出现Webpack版本不兼容的问题。经排查，确定为Webpack版本过高导致，于是降级到[email protected]并成功安装。然而，这导致less和less-loader版本冲突，进一步卸载并安装指定版本的[email protected]和[email protected]，最终解决了冲突，项目成功运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开始启动项目提示了没有less-loader的报错
然后:npm install less-loader
启动项目报错：
在这里插入图片描述
然后上网查了下是webpack的版本问题，参考链接
然乎执行卸载wenpack：npm uninstall webpack
接着安装指定版本的webpack：npm install webpack@4.0.0 --save-dev
然后安装没成功就是第二个报错：

感觉这个像是因为安装的webpack版本和less-loader的版本冲突了
所以又执行了卸载less-loader： npm uninstall less-loade
卸载完成后重新执行：npm install webpack@4.0.0 --save-dev
执行成功！

这时候没有了less-loader，项目无法启动，所以还要解决less-loader和当前webpack版本冲突的问题
既然版本冲突就降低less-loader的版本就可以了，
执行：npm install less-loader@5.0.0
运行后报错：
在这里插入图片描述
然后可以看出是less和less-loader的版本起了冲突。。。
卸载less：npm uninstall less
安装符合版本的less和less-loader:npm install less@3.9.0 less-loader@4.1.0 --save-dev
最后启动项目成功运行