Webapck 解决，[webpack-cli] Error: Cannot find module ‘vue-loader/lib/plugin‘ 的问题，解决Webpack错误，无法找到vue-loader/lib/plugin模块问题

温馨提示：这篇文章已超过408天没有更新，请注意相关的内容是否还可用！

摘要：，，Webpack 报错提示找不到 'vue-loader/lib/plugin' 模块的问题可能是由于缺少相关依赖或版本不匹配导致的。为了解决这个问题，可以尝试重新安装或更新 vue-loader 模块。通过运行命令 npm uninstall vue-loader 后再 npm install vue-loader，确保安装正确版本的 vue-loader，并检查Webpack的配置文件是否正确引入该模块。这样可以解决因模块缺失或版本不兼容引起的错误。

其一

报错信息为：[webpack-cli] Error: Cannot find module 'vue-loader/lib/plugin'，翻译为中文即：“[webpack-cli] 错误：找不到模块 'vue-loader/lib/plugin'”。

其二

在项目执行npm run build 进行打包时，控制台报错并提示找不到 'vue-loader/lib/plugin' 模块，附带了控制台的报错截图。

Webapck 解决，[webpack-cli] Error: Cannot find module ‘vue-loader/lib/plugin‘ 的问题，解决Webpack错误，无法找到vue-loader/lib/plugin模块问题第1张

其三

控制台报错页面显示webpack-cli 加载配置文件webpack.config.js 失败，并报错找不到 'vue-loader/lib/plugin' 模块，附带了相关的错误截图。

问题分析

根据报错提示，当执行npm run build 打包时，系统找不到对应的模块内容，这可能是由于模块引入或设置出现了问题，可能是webpack.config.js 文件中的配置有误。

问题解决

其一、发现并解决问题

经过检查，发现webpack.config.js 文件中的modules 写法有误，只需要将modules 修改为module 即可，即满足webpack.config.js 的配置文件要求。

其二、修改代码的页面展示

报错时的代码（附截图）

Webapck 解决，[webpack-cli] Error: Cannot find module ‘vue-loader/lib/plugin‘ 的问题，解决Webpack错误，无法找到vue-loader/lib/plugin模块问题第2张

修改后的代码（附截图）

修改后的代码应该正确引入并配置vue-loader/lib/plugin 模块，确保 webpack 能够正确加载和处理 Vue 文件。

小结

其一

如果在解决此问题的过程中有任何不对或不合适的地方，欢迎大佬们多多指点和交流。

其二

若有人转发或引用本文章内容，请注明本博客地址：[博客链接](https://blog.csdn.net/weixin_43405300)，创作不易，感谢支持。

Webapck 解决，[webpack-cli] Error: Cannot find module ‘vue-loader/lib/plugin‘ 的问题，解决Webpack错误，无法找到vue-loader/lib/plugin模块问题第3张

其三

有兴趣的话，可以关注这个专栏（Vue面试必备专栏）：[专栏链接](https://blog.csdn.net/weixin_43405300/category_11525646.html?spm=1001.2014.3001.5482)，这里提供了关于 Vue（Vue2 和 Vue3）的面试必备知识，希望对大家的学习和求职有所帮助。