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

项目场景：

安装webpack

问题描述：

使用 webpack-dev-server，提供了一个简单的 web 服务器，运行webpack-dev-server产生报错问题

@Override
internal/modules/cjs/loader.js:883
  throw err;
  ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
Require stack:
- E:\React-stack\node_modules\_webpack-dev-server@3.11.0@webpack-dev-server\bin\webpack-dev-server.js
- C:\Users\xpy\AppData\Roaming\npm\node_modules\webpack-dev-server\node_modules\_import-local@2.0.0@import-local\index.js
- C:\Users\xpy\AppData\Roaming\npm\node_modules\webpack-dev-server\bin\webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.<anonymous> (E:\React-stack\node_modules\_webpack-dev-server@3.11.0@webpack-dev-server\bin\webpack-dev-server.js:65:1)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Module.require (internal/modules/cjs/loader.js:952:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'E:\\React-stack\\node_modules\\_webpack-dev-server@3.11.0@webpack-dev-server\\bin\\webpack-dev-server.js',
    'C:\\Users\\xpy\\AppData\\Roaming\\npm\\node_modules\\webpack-dev-server\\node_modules\\_import-local@2.0.0@import-local\\index.js',
    'C:\\Users\\xpy\\AppData\\Roaming\\npm\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'
  ]
}

---

原因分析：

webpack、webpack-cli 版本兼容性问题

	"webpack": "^5.5.0",
    "webpack-cli": "^4.2.0",
   	"webpack-dev-server": "^3.11.0"

解决方案：

可以尝试的降低 webpack、webpack-cli的主版本

	"webpack": "^4.0.0",
    "webpack-cli": "^3.0.0",
    "webpack-dev-server": "^3.11.0"

然后重新 webpack-dev-server

E:\React-stack>webpack-dev-server
i ｢wds｣: Project is running at http://localhost:8000/
i ｢wds｣: webpack output is served from /
i ｢wds｣: Content not from webpack is served from E:\React-stack\dist
i ｢wdm｣: Hash: 69b0ff2e6c7943806e6c
Version: webpack 4.44.2
Time: 4603ms