找不到模块'；webpack/bin/config yargs'；

运行

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

时出错。以下是错误日志：

module.js:442
throw err;
^

Error: Cannot find module 'webpack/bin/config-yargs'
at Function.Module._resolveFilename (module.js:440:15)
at Function.Module._load (module.js:388:25)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3) 

---

我也有类似的问题。我想这和网页版本有关。更改网页包版本后，最新的一切正常…

尝试在您的软件包中将网页包版本从1.x更改为2.x。json:

例如：

---

当您将预发布版本的

webpack dev server

与发布版本的

webpack

或反之使用时，有时会发生这种情况。

当我仅在本地安装

webpack

而尚未在全局安装时，我也会出现此错误

我已经在全局安装了

webpack dev server

，它依赖于

webpack

的全局安装。公平地说，npm在安装

webpack dev server

时确实抱怨过：

未满足对等依赖关系网页@^2.2.0

---

我通过运行

npm start

修复了这个解决方案，它只是一个运行“webpack dev server”的包装器，而不是直接在控制台中运行

webpack dev server

。问题是我正在将选项传递到一个不应该将选项传递到的方法中

使用

npm start

运行

webpack dev server

，向我显示了正确的错误消息。直接运行

webpack dev server

只会给我“错误：找不到模块'webpack/bin/config yargs'”。奇怪

我在： “网页包”：“^2.6.1”，

---

“网页包开发服务器”：“^2.7.1”

一般情况是由于网页包和网页包开发服务器版本不兼容。 就像我也有这个问题，我的电脑的网页是1.15.0，但网页开发服务器是2.x以上的版本。 所以我卸载了webpack开发服务器：npm卸载webpack开发服务器-g

---

然后安装webpack dev server的1.15.0版本，您可以通过npm安装webpack dev来解决此问题-server@1.15.0-g

这通常是由于库之间的版本不匹配（在您的情况下，包括webpack/yargs）。当您将一个项目搁置一段时间，并且您的node_modules目录中的某些依赖项已经过时时，这种情况会经常发生。一个非常简单的解决方案是，在处理所有内容的不同版本之前，只需将您的node_modules目录移动到一个临时位置，然后重新运行npm安装：

% mv node_modules nod_modules.REMOVED
% npm install

---

然后，尝试重新运行webpack。

尝试将webpack版本更改为3.0，将web开发服务器更改为2.7.1

例如：

---

我忘了安装webpack cli。所以我在命令下运行，问题得到了解决

npm i -D webpack-cli

---

我在Webpack4上也有同样的问题

这是版本兼容问题

要修复此问题，请运行以下命令在web pack 4中安装webpack cli

 yarn add webpack-cli -D

要升级所有软件包（在安装

webpack cli

和

webpack dev server

之后），您可以

---

这将解决不匹配的版本问题。

更新您的网页包版本（和网页包CLI）：

---

如果你不使用上面提到的其中一个，请随意省略。

以上所有答案对我都不起作用。如果仍然出现此错误，可以尝试此操作，修复了我的问题：

打开节点\u模块\webpack dev server\bin\webpack-dev-server.js

更改行84:require（'webpack-cli/bin/config-yargs'）（yargs）

致：

需要（'webpack-cli/bin/config/config-yargs'）（yargs）

更改第92行：常量配置= require（'webpack-cli/bin/convert argv'）（yargs，argv，{

致：

const config=require（'webpack-cli/bin/utils/convert argv'）（yargs，argv{

Upd（2021年6月）

如果您正在使用webpack cli4或webpack 5，请将

webpack dev server

更改为

webpack service

例如：

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

您可能还需要在GitHub上检查此项：

NPM package.json脚本是一种方便而有用的运行方式 本地安装的二进制文件，而不必关心它们的 完整路径。只需定义如下脚本：

对于webpack cli 3.x：

“脚本”：{“开始：开发”：“网页包开发服务器”}

对于webpack cli 4.x：

“脚本”：{“开始：开发”：“网页包服务”}

---

在我的例子中，解决方案就是使用以前的版本-

"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日

尝试使用以下命令更新您的网页依赖项

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"

我发现了一个解决方案，可以在package.json中添加新脚本或开始脚本。因此，您也可以尝试这种方法

---

“dev”：“webpack service--模式开发--环境开发”

问题在于更新的webpack cli版本。如果webpack cli=4.x，请使用

npx webpack service

命令运行本地服务器

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 serve --config config/webpack.dev.js --progress --profile --watch --content-base src/

---

解决方案

package.json

控制台

$ npm run startdev

降级网页包cli

npm install -D webpack-cli@3

---

2021年1月

---

使用webpack 5，只需将

webpack dev server

命令替换为

webpack service

我尝试了以下几行，问题得到了解决：

由于问题在于webpack dev服务器，因此转到节点模块

查找网页包开发服务器，然后转到依赖项

检查webpack和webpack cli的依赖项信息及其版本

用完全相同的版本重新安装这些名称

然后尝试重新运行dev服务器

就我而言： “开发服务器”：“网页包开发服务器--打开”

控制台：

---

npm运行开发服务器

->因此，首先要排除node_modules文件夹。

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

->v之后

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

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

$ npm run startdev

npm install -D webpack-cli@3

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

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

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

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

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

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

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