Webpack 报错：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

我的版本
“webpack”: “^5.7.0”,
“webpack-cli”: “^4.2.0”,
“webpack-dev-server”: “^3.11.0”

在启动 webpack-dev-server 时，按照中文文档的方法，出现运行报错：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘。

上网查了些资料后，有可能时版本兼容性问题。随后尝试把 webpack 降级到 3 的版本后，还是无法解决。

经查阅官方文档后发现 webpack 5 运行 webpack-dev-server 的方式为 webpack serve --open。

但是使用官方文档的运行命令后又出现了新的报错：error: option '--open <value>' argument missing。

大概意思就是 open 选项缺少参数，需要一个打开方式。

// package.json -> scripts

// 中文文档写法
"start": "webpack-dev-server --open"
// 官网文档写法
"start": "webpack serve --open"
// 最终解决方式（该路径为 MacOS 专用，Windows 需根据实际情况更改）
"start": "webpack serve --open '/Applications/Google Chrome.app'"

关于 --open Chrome 请查看另一位大佬博文 传送门