我已经安装了以下依赖项(没有指定任何特定版本)

 "webpack-cli": "^4.5.0",
 "webpack-dev-server": "^3.11.2"

此错误出现在yarn启动过程中，包中的以下条目。特定于脚本的Json。attr开始。

 "scripts": {
    "start": "webpack-dev-server --open",
    "build": "webpack"
  }

所以，webpack-dev-server——open正在寻找webpack-cli 3.3版本。我通过安装特定版本的webpack-cli工作包摆脱了这个错误。Json是这样的:

  "webpack-cli": "3.3",
  "webpack-dev-server": "^3.11.2"

但是，如果你不想降级webpack-cli版本，将"start": "webpack-dev-server——open"更新为"start": "webpack serve——open"

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

% mv node_modules nod_modules.REMOVED
% npm install

然后，尝试重新运行webpack。

我忘记安装webpack-cli。所以我按照命令运行，问题得到了解决。

npm i -D webpack-cli

解决方案

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-cli和webpack-dev-server之后)，可以

npm --depth=9999 upgrade

这应该可以修复版本不匹配的问题。

我刚刚解出来了。

问题出在index.html的路径上。

来自:

<script src="./dist/myBundle.js"></script>

to:

<script src="myBundle.js"></script>