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 不能正常啟動