运行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-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": "^4.44.1",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.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”

更新: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版本有关。

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-cli和webpack-dev-server之后),可以

npm --depth=9999 upgrade

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