我刚刚解出来了。

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

来自:

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

to:

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

问题出在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"
}

如果你正在使用webpack-cli 4或webpack 5，将webpack-dev-server更改为webpack serve。

例子:

"serve": "webpack serve --config config/webpack.dev.js --progress"

你可能还想看看GitHub上的这条评论:

NPM包。Json脚本是一种方便而有用的运行方式 本地安装的二进制文件，而不必关心它们的 完整路径。简单地定义一个脚本如下: 对于webpack-cli 3.x: "scripts": {"start:dev": "webpack-dev-server"} 对于webpack-cli 4.x: "scripts": {"start:dev": "webpack serve"}

这是因为webpack-cli版本的变化。

如果webpack-cli版本号小于4。使用webpack-dev-server 如果webpack-cli版本号为4。X或更高，你可以使用webpack服务

3.执行命令webpack-cli。X及以下

    "scripts": {
      "dev-server": "webpack-dev-server"
    }

对于webpack-cli。X及以上

    "scripts": {
      "dev-server": "webpack serve"
    }

    "scripts": {
      "dev-server": "webpack serve "
    }

来源:webpack dev-server

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

% mv node_modules nod_modules.REMOVED
% npm install

然后，尝试重新运行webpack。

要升级所有的包(在安装webpack-cli和webpack-dev-server之后)，可以

npm --depth=9999 upgrade

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