webpack5与webpack-cli版本不兼容的解决（Cannot find module 'webpack-cli/bin/config-yargs'）

问题描述

• 安装的是最新webpack和webpack-cli，版本如下

 "dependencies": {
        "webpack-cli": "^4.5.0",
        "webpack": "^5.24.4"
    },

• 运行报错：Cannot find module 'webpack-cli/bin/config-yargs'
  

解决

解法一：降级webpack-cli

解法二：修改webpack执行命令

• 原命令
  "start": "webpack-dev-server --mode development --open"
• 修改后
  "start": "webpack serve --mode development --open"

即把webpack-dev-server改为 webpack serve

• 官方出处：https://github.com/webpack/webpack-dev-server#with-the-cli
  Note: Many CLI options are available with webpack serve.
  有些CLI 可用指令webpack serve

• 参考链接：【webpack5】webpack-dev-server 不能正常启动