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

今天在学习webpack-dev-server的时候，终端执行命令webpack-dev-server --open时报错Error: Cannot find module 'webpack-cli/bin/config-yargs'
通过官方插件issue搜索问题，发现其实是我当前webpack-cli的版本和webpack-dev-serve的版本不兼容的原因，先贴一下我当前下载的版本

 "webpack": "^5.17.0",
 "webpack-cli": "^4.4.0"
 "webpack-dev-server": "^3.11.2"

解决办法有两种

• 匹配对应的版本
  1.卸载当前webpack-cli，换成3.*的版本

npm uninstall webpack-cli

npm install webpack-cli@3 -D

2.卸载当前webpack-dev-serve，换成官方v4.0.0-beta.0的版本

npm uninstall webpack-dev-serve

npm install webpack-dev-server@v4.0.0-beta.0 -D

但是4.0的版本需要配置一下port和host，不然执行后打开的页面不尽人意

"devServer": {
        "port": 8080,
        "open":true,
        "host":'localhost'
    },

• 执行命令更换
  执行语句更换为webpack serve --open，这种就无需关心版本兼容的问题了