graphql - `Cannot use e "__Schema "from another module or realm.` 和 `Duplicate "graphql "modules` 使用 ApolloClient

Question

我有一个带有 ApolloClient 和 Apollo-Link-Schema 的 React 应用程序。该应用程序在本地运行良好，但在我们的临时环境(使用 GOCD)中，我们收到以下错误:

Uncaught Error: Cannot use e "__Schema" from another module or realm.

Ensure that there is only one instance of "graphql" in the node_modules
directory. If different versions of "graphql" are the dependencies of other
relied on modules, use "resolutions" to ensure only one version is installed.

https://yarnpkg.com/en/docs/selective-version-resolutions

Duplicate "graphql" modules cannot be used at the same time since different
versions may have different capabilities and behavior. The data from one
version used in the function from another could produce confusing and
spurious results.
    at t.a (instanceOf.mjs:21)
    at C (definition.mjs:37)
    at _ (definition.mjs:22)
    at X (definition.mjs:284)
    at J (definition.mjs:287)
    at new Y (definition.mjs:252)
    at Y (definition.mjs:254)
    at Object.<anonymous> (introspection.mjs:459)
    at u (NominationsApprovals.module.js:80)
    at Object.<anonymous> (validate.mjs:1)

依赖是用 yarn 安装的，我添加了 resolutions字段到 package.json。

    "resolutions": {
        "graphql": "^14.5.8"
    },

我检查了 yarn.lock 并且只能找到一个关于 graphql 包的引用。 npm ls graphql不显示任何重复项。

我想这可能是 webpack 的构建问题 - 我有一个不同的构建脚本用于暂存，但是在本地运行它我仍然能够让 react 应用程序与该包一起运行。

任何人都可以提出其他建议来帮助我解决这个问题吗？

Answer 1

如果这对其他人有帮助，我设法找到了问题的原因。问题根本与包的重复实例无关，这是我们使用 webpack 的 DefinePlugin 设置 process.env.NODE_ENV 触发的误报。至 staging对于我们的临时构建。

然而，在 webpack 中 mode (参见 https://webpack.js.org/configuration/mode/ )，它设置 process.env.NODE_ENV，只接受 none , development和 production作为有效值。这会触发 graphql 包中的 env 检查失败并触发此错误消息。

在我们的例子中，我们需要区分暂存和生产，因为我们的 API 端点基于此而有所不同，但我们实现的解决方案是不依赖于 process.env.NODE_ENV ，但要在构建时分配自定义变量(例如 process.env.API_URL )