webpack：Error: Cannot find module 'webpack-cli/bin/config-yargs'

运行npm run dev遇到的问题：Error: Cannot find module 'webpack-cli/bin/config-yargs'

当前package.json文件

"devDependencies": {
    "webpack": "^5.37.0",
    "webpack-cli": "^4.1.12",
    "webpack-dev-server": "^3.11.2"
}

查找问题：

到webpack的github项目中的issues中检索错误信息，找到问题所在：

Error: Cannot find module 'webpack-cli/bin/config-yargs' #1948

If you upgrade webpack to 5. *, and webpack cli to 4. *, an error will be reported:

Error: Cannot find module 'webpack-cli/bin/config-yargs' Temporary solution: Back off webpack cli to version 3. * for example:

"webpack-cli": "^ 3.3.12"

解决问题：

1. 卸载当前的webpack-cli npm uninstall webpack-cli

2. 安装 webpack-cli 3.*版本 npm install webpack-cli@3 -D

修改后的package.json文件

"devDependencies": {
    "webpack": "^5.37.0",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.2"
}

再次执行npm run dev，成功编译。

总结：

推荐遇到问题先到对应项目的issues中查找有无相关问题~