运行 webpack-dev-server 时找不到模块“webpack-cli/bin/config-yargs”

问题描述

我在运行以下命令以运行 webpack 开发服务器时收到此错误。在检查某些页面时,大多数人提到它可能与 webpack 过时版本有关,但我相信我的组件都是最新版本:

  • webpack-dev-server@3.11.2
  • webpack-cli@4.5.0
  • webpack@5.24.4

这是我正在运行以启动 webpack 开发服务器的命令:

npx webpack-dev-server --compress --history-api-fallback --progress --host 0.0.0.0 --port 3005

这是我的 Package.json:

{
  "name": "rcweb","version": "1.0.0","description": "rcweb","main": "index.js","scripts": {
    "test": "echo \"Error: no test specified\" && exit 1","watch": "webpack-dev-server --compress --history-api-fallback --progress --host 0.0.0.0 --port 3005"
  },"author": "","license": "ISC","devDependencies": {
    "@types/react": "^17.0.3","@types/react-dom": "^17.0.2","@types/react-redux": "^7.1.16","react": "^17.0.1","react-dom": "^17.0.1","react-redux": "^7.2.2","redux": "^4.0.5","ts-loader": "^8.0.17","typescript": "^4.2.3","webpack": "^5.24.4","webpack-cli": "^4.5.0","webpack-dev-server": "^3.11.2"
  },"dependencies": {}
}

这是错误输出

Cannot find module 'webpack-cli/bin/config-yargs'
Require stack:
- /home/user/dev/tests/reduxchat/rcweb/node_modules/webpack-dev-server/bin/webpack-dev-server.js

解决方法

我仍然不知道这个错误的原因,但通过运行 webpack serve 解决了这个问题。工作正常。