尝试将webpack版本改为3.0,web-dev-server版本改为2.7.1

Eg:

"devDependencies": {
    "webpack": "^3.0.0",
    "webpack-cli": "2.0.13",
    "webpack-config-utils": "2.0.0",
    "webpack-dev-server": "^2.7.1",
    "webpack-validator": "2.2.7"
}

这是因为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

我通过运行npm start来解决这个问题，这只是一个运行“webpack-dev-server”的包装器，而不是直接在控制台运行webpack-dev-server。问题是我把选项传递给了一个我不应该传递选项的方法。

用npm start运行webpack-dev-server显示了正确的错误消息。直接运行webpack-dev-server只给了我“错误:无法找到模块'webpack/bin/config-yargs'”。奇怪。

我在: :“webpack ^ 2.6.1”, :“webpack-dev-server ^ 2.7.1”

一般情况是由于Webpack与Webpack -dev-server版本不兼容。 就像我也有这个问题，我的电脑的webpack是1.15.0，但webpack-dev-server是2。X以上版本。 所以我卸载webpack-dev-server: npm卸载webpack-dev-server -g 然后安装1.15.0版本的webpack-dev-server，你可以通过npm install webpack-dev-server@1.15.0 -g来解决这个问题

我试了下面几句，问题解决了:

由于问题是webpack-dev-server，所以转到node-modules。 找到webpack-dev-server，然后去依赖项 查看webpack和webpack-cli的依赖信息及其版本。 重新安装相同版本的名称。

然后尝试重新运行dev-server。

在我的例子中: "dev-server": "webpack-dev-server——open"

控制台: 运行dev-server

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

% mv node_modules nod_modules.REMOVED
% npm install

然后，尝试重新运行webpack。