我也遇到过类似的问题。我认为这与webpack版本有关。更改webpack版本后，最新的一切都很好…

尝试将webpack版本从1更改。X到2。X在你的package.json:

Eg:

 "devDependencies": {
    "webpack": "2.2.0-rc.3",
    "webpack-dev-server": "2.1.0-beta.0",
    "webpack-validator": "^2.3.0"
  }

当你使用webpack-dev-server的预发布版本和webpack的发布版本时，有时会发生这种情况，反之亦然。

当我只在本地安装webpack而没有在全局安装它时，我也会出现这个错误。

我已经在全球安装了webpack-dev-server，它依赖于webpack的全球安装。公平地说，npm在安装webpack-dev-server时确实抱怨过:

未满足对等依赖webpack@^2.2.0

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

% mv node_modules nod_modules.REMOVED
% npm install

然后，尝试重新运行webpack。

尝试将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。所以我按照命令运行，问题得到了解决。

npm i -D webpack-cli

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

这是版本兼容问题。

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

 yarn add webpack-cli -D

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

npm --depth=9999 upgrade

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

更新Webpack版本(和Webpack命令行):

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

如果您不使用上面提到的任何一种，请随意省略。

上面的答案对我都没用。如果你仍然得到这个错误，你可以试试这个，这解决了我的问题:

打开node_modules \ webpack-dev-server \ bin \ webpack-dev-server.js 修改第84行:require('webpack-cli/bin/config-yargs')(yargs);

To:

要求(webpack-cli / bin / config / config-yargs) (yargs); 修改第92行:const config = Require ('webpack-cli/bin/convert-argv')(yargs, argv， {

To:

const config = require('webpack-cli/bin/utils/convert-argv')(yargs, argv， {

如果你正在使用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": "^4.44.1",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.0"

使用以下命令弃用webpack-cli版本:

npm install -D webpack-cli@3

新版本处于测试阶段，可能会修复这个错误。

更新: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服务-模式开发-环境开发"

问题出在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服务运行webpack-dev-server

webpack serve --config config/webpack.dev.js --progress --profile --watch --content-base src/

解决方案

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

npm install -D webpack-cli@3

2021年1月

使用webpack 5，只需将webpack-dev-server命令替换为webpack serve

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

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

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

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

控制台: 运行dev-server

所以，首先你要排除node_modules文件夹。 - verificad后的>如果在归档包中。Json的依赖:"webpack"， "webpack-cli"和"webpack-dev-server"，他们在"dependencies":{}。 ->结束，打开终端执行:yarn命令。安装全部取决于再次排除。

将命令"serve":"webpack -dev-server"修改为"serve":"webpack serve"即可解决此问题。我已经在webpack开发服务器v3.11.0和v3.11.2上尝试了这个解决方案;对我来说，两者都很好。

在包中使用webpack serve而不是webpack-dev-server。脚本下的Json。这对我来说非常有效。我也有同样的错误，这就解决了它。

我的devDependencies:

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

原文:https://stackoverflow.com/a/64304022/11739552

我刚刚解出来了。

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

来自:

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

to:

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

我通过在package.json上创建一个脚本命令来解决这个问题。

"dev": "webpack serve --config webpack.config.js --open",

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

 "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版本问题 你需要使用这个命令更新你的webpack

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

现在包装好了。Json文件的使用

"dev": "webpack serve --config webpack.config.js --open"

这是因为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版本有关。

2021年7月更新

拥有“webpack-cli”:“^4或以上”版本，以及“webpack”:“^5或以上”版本的人，。

你可以尝试用这个命令更新你的webpack版本

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

现在去你的包裹。Json，在scrpits下添加这一行

"dev": "webpack serve --mode development --env development"

这对我来说很管用。