webpack 5 与 webpack-dev-server 3兼容性问题

说明：这里使用的是webpack: "^5.9.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 serve --open 命令启动，这里需要注意，执行后会提示缺少打开对象, 所以在open 后添加你要打开的对象。（webpack serve --open Chrome.exe） 将这个命令写入package.json中，就不用每次都这样执行了。

"scripts": {
  "start": "webpack serve --open Chrome.exe"
 },

执行 npm run start 页面就正常启动了