运行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 4上也遇到了同样的问题。

这是版本兼容问题。

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

 yarn add webpack-cli -D

其他回答

请使用webpack服务运行webpack-dev-server

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

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

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

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

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

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

这是版本兼容问题。

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

 yarn add webpack-cli -D

这是webpack版本问题 你需要使用这个命令更新你的webpack

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

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

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