运行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) 

当前回答

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

% mv node_modules nod_modules.REMOVED
% npm install

然后,尝试重新运行webpack。

我也遇到过类似的问题。我认为这与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"

这对我来说很管用。

尝试将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-dev-server之后),可以

npm --depth=9999 upgrade

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

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

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

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

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

控制台: 运行dev-server