更新:3月21日

尝试用下面的命令更新你的webpack依赖项

npm install --save-dev webpack webpack-cli webpack-dev-server

如果它不工作，然后使用如下

我有这些依赖，但我面临同样的问题

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

我找到了一个解决方案，添加一个新的脚本或在你的开始脚本包。Json对我很有用。所以你也可以试试这种方法。

"dev": "webpack服务-模式开发-环境开发"

解决方案

package.json

"scripts": {
    "startdev": "webpack serve --mode development --env development --hot --port 3000"
    ...
    ...
  },
"devDependencies": {
...
    "webpack": "^5.10.1",
    "webpack-cli": "^4.2.0"
 },

控制台

$ npm run startdev

这通常是由于库之间的版本不匹配(包括webpack/yargs，在你的情况下)。当您将一个项目搁置了一段时间，并且node_modules目录中的一些依赖项已经过时时，这种情况会经常发生。一个非常简单的解决方案，在对不同版本的东西大惊小怪之前，只是把你的node_modules目录移动到一个临时位置，然后重新运行npm install:

% mv node_modules nod_modules.REMOVED
% npm install

然后，尝试重新运行webpack。

下调webpack-cli

npm install -D webpack-cli@3

我在webpack 4上也遇到了同样的问题。

这是版本兼容问题。

要解决这个问题，请执行以下命令在webpack 4中安装webpack-cli。

 yarn add webpack-cli -D

问题出在webpack-cli的新版本上。如果webpack-cli <= 3。X webpack-dev-server包工作正常。对于webpack-cli >= 4。X，使用NPX webpack serve命令运行本地服务器。

For webpack-cli 3.x:
"scripts": {
  "start:dev": "webpack-dev-server --mode=development"
}

For webpack-cli 4.x:
"scripts": {
  "start:dev": "webpack serve --mode=development"
}