安装 Webpack 时 NPM 中的 Webpack 对等依赖错误

Question

在 npm 中运行 webpack-dev-server 时出现此错误：

webpack-dev-middleware@3.7.2 requires a peer of webpack@^4.0.0 but none is installed. You must install peer dependencies yourself.

但是，我已经安装了 webpack。这是我的package.json。我错过了什么？

{
  ...
  "scripts": {
    "watch": "webpack-dev-server --progress --https"
  },
  ...
  "devDependencies": {
    "webpack": "^5.4.0",
    "webpack-cli": "^4.2.0",
    "webpack-dev-server": "^3.11.0"
  }
}

Answer 1

您已经安装了 webpack@5，但对等依赖警告要求使用 webpack@4。有a bug filed in the webpack-dev-server issue tracker关于与 webpack@5 不兼容的问题。截至几天前，他们正在努力。

因此，一种选择是耐心等待该问题。当兼容 webpack@5 的版本发布时，升级到它。

另一个选择是将您当前的项目降级到 webpack@4。我不知道 webpack@4 和 webpack@5 之间的重大变化有多大，但这是一个尝试的选择。鉴于 webpack@5.0.0 仅在一个月前发布，这可能是一个不错的选择。 webpack@4.x 的最新版本是 webpack@4.44.2，并且（在撰写本文时）只有 2 个月大。