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

项目场景：

使用webpack打包运行命令 npm run dev后出现如下错误提示：
// 当前package.json 文件
“devDependencies”: {
“html-webpack-plugin”: “^5.2.0”,
“webpack”: “^5.23.0”,
“webpack-cli”: “^4.1.0”,
“webpack-dev-server”: “^3.11.2”
}

问题描述：

PS E:\www\wuyaohua\webpack-senior> npm run dev

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

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

• E:\www\wuyaohua\webpack-senior\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. (E:\www\wuyaohua\webpack-senior\node_modules\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 Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) {
  code: ‘MODULE_NOT_FOUND’,
  requireStack: [
  ‘E:\www\wuyaohua\webpack-senior\node_modules\webpack-dev-server\bin\webpack-dev-server.js’
  ]
  }
  npm ERR! code 1
  npm ERR! path E:\www\wuyaohua\webpack-senior
  npm ERR! command Failed
  npm ERR! command C:\Windows\system32\cmd.exe /d /s /c webpack-dev-server
  npm ERR! A complete log of this run can be found in:
  npm ERR! D:\nodejs\node_cache_logs\2021-02-21T06_11_04_729Z-debug.log

原因分析：

关键问题点:Error: Cannot find module ‘webpack-cli/bin/config-yargs’

原因webpack-dev-server ^3 需要安装webpack-cli ^3

网上搜索，有人建议将webpack-cli版本降到3，有时会出现新的问题，不能npm install webpack-cli@3 --dev;

解决方案：

解决方法步骤：
1.卸载当前的 webpack-cli ：npm uninstall webpack-cli

2.安装 webpack-cli 3.* 版本 npm install webpack-cli@3 -D

3.如果npm install webpack-cli@3 -D不能安装，则使用yarn进行安装 yarn add webpack-cli@3 --dev

// package.json文件
“devDependencies”: {
“html-webpack-plugin”: “^5.2.0”,
“webpack”: “^5.23.0”,
“webpack-cli”: “3”,
“webpack-dev-server”: “^3.11.2”
}

原创文章请随便转载。愿和大家分享，并且一起进步。——wuyaohua