在反应应用程序中使用不同版本的相同依赖项

如何解决在反应应用程序中使用不同版本的相同依赖项

假设 A 是一个渲染组件 B 的 React 应用程序（考虑 B 作为 npm 依赖项安装以在 A 中使用）。 A 和 B 使用 1.0 版的 npm 依赖项。 现在 A 需要出现，我需要将 B 中使用的依赖项的版本升级为 1.1。 由于升级后的版本有不同的实现/用法，有没有办法改变B中使用的版本而不影响A中的功能？ 在 A 的 package.json 的 peerDependencies 中添加升级版本会起作用吗？我对它没有清楚的了解。请指导。

解决方法

据我所知，我们将依赖项称为 X

A -> X v1

乙 -> X v2

在继续之前：

Peer-dependency 被添加到一个包中，该包至少需要由一个包或使用它的应用安装。这样做是为了避免最后使用较大的包大小。这里的版本应该是兼容的，否则事情会崩溃。

我假设 B 是捆绑的，否则会导致问题，因为 B 将使用当前 node_modules 中的 X，该 X 有一些其他版本的 X，这可能会导致错误。

现在如果我们捆绑了 B 并且它有 X 作为依赖项，我认为不会有任何问题，因为 B 将引用它自己的代码来完成这项工作，而 A 将从 node_modules 中引用 X，很少有库会导致这里有一个问题，因为它们在 Windows 或 DOM 上执行诸如样式组件之类的操作，但它们中的大多数都提供了解决方案。

如果加载了多个版本，某些库功能将根本无法像 React hooks 一样工作，但其中大多数功能都像 lodash 一样具有魅力。

我并不是说任何人不好，他们只是受到他们提供的功能类型的限制。

最后，如果您的依赖项 X 有次要版本不匹配（更多信息请查看 https://semver.org/），例如 1.2.0 和 1.1.2，那么您可以将 X 添加为 B 中的对等项，就像大多数库一样，次要版本是向后兼容的（这是规则），您应该在 A 中安装 1.2.0，以满足 B 更高版本的需求。在这种情况下，您甚至不需要捆绑 B，但您可以而且应该这样做。

但如果区别在于主要版本，则将 B 与自己的 X 捆绑在一起。

,

我相信 npm 和 yarn（包管理器）有包别名可用，它允许您以不同的名称安装包，在您的情况下，同一包的不同版本。

npm i abc1@npm:abc@1
npm i abc2@npm:abc@2

这应该有效。