配置webpack自动打包功能报错：Cannot find module ‘webpack-cli/bin/config-yargs‘

阳光穿透心脏的1/2处 2023-01-13 06:29 171阅读 0赞

查阅网上有关报错改正，首先应该看的是报错信息：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lIeGlhb2hhbw_size_16_color_FFFFFF_t_70][]

**解决方案一：（**[https://blog.csdn.net/wozhenhaokan/article/details/110232955][https_blog.csdn.net_wozhenhaokan_article_details_110232955]，[https://www.cnblogs.com/jeacy/p/13864454.html][https_www.cnblogs.com_jeacy_p_13864454.html]**）**

然后查阅自己的package.json文件中的devDependencies安装的webpackage版本属性

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lIeGlhb2hhbw_size_16_color_FFFFFF_t_70 1][]

在此注意，webpack-cli 4.x版本是没有这个config-yargs这个文件的，3.x版本才有这个文件，因此需要卸载

npm uninstall webpack-cli

然后重新安装3.x版本：

npm install webpack-cli@3 -D

**解决方案二：**

`webpack3.x`的版本与`webpack-dev-server3.x` 的版本不兼容，卸载webpack-dev-server

npm uninstall webpack-dev-server -g （卸载全局） 或者npm uninstall webpack-dev-server -D      卸载局部(本地)

然后安装重新安装，再去执行npm run dev

npm i webpack-dev-server@2.9.7 -D    本地安装

**解决方案三（**[https://blog.csdn.net/w1418899532/article/details/104680975][https_blog.csdn.net_w1418899532_article_details_104680975]**）：**

删除`node_modules`文件夹，重新执行`cnpm i`,完成后执行`npn run dev`，项目成功启动

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lIeGlhb2hhbw_size_16_color_FFFFFF_t_70]: /images/20221022/9643ab04cda74efa958e8e10a3319d35.png
[https_blog.csdn.net_wozhenhaokan_article_details_110232955]: https://blog.csdn.net/wozhenhaokan/article/details/110232955
[https_www.cnblogs.com_jeacy_p_13864454.html]: https://www.cnblogs.com/jeacy/p/13864454.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lIeGlhb2hhbw_size_16_color_FFFFFF_t_70 1]: /images/20221022/f3e1275fa48b4821b64ac798c5194b85.png
[https_blog.csdn.net_w1418899532_article_details_104680975]: https://blog.csdn.net/w1418899532/article/details/104680975