4

我有一个带有 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 应用程序与该包一起运行。

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

4

6 回答 6

7

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

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

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

于 2019-12-11T15:46:36.477 回答
1

I would try to replicate the error locally and debug it:

try this:

rm -rf node_modules yarn.lock
# also remove any lock files if you have package-lock.json too
yarn install
# build the project locally and see if you got the error

I got this problem one time where I was working with Gatsby and 2 different themes where using different versions of GraphQL. Also be more explicit with the version (without caret) and check if the error persist.

do you have a repo youc an share? that would also help us to help you :)

于 2019-12-10T23:02:09.700 回答
0

我遇到了这个问题,所以我切换到了yarn,在删除了node_modules和npm lockfile,然后运行yarn,问题就消失了:-)。

于 2021-11-13T22:32:32.043 回答
0

我最终来到这里是因为我使用了 AWS CDK 和 NodejsFunction Construct。我也在使用与minify: true.

将 minify 切换为 false 为我解决了这个问题。

于 2022-01-28T14:11:11.390 回答
0

虽然更改NODE_ENV为生产可能会解决问题,但如果您对每个环境都有不同的变量并且不想弄乱您的指标,那么这不是一个理想的解决方案。

你说你使用 webpack。如果有问题的构建在您的开发工具中使用了某种源映射,您可能需要禁用它以查看问题是否仍然存在。这就是我在没有设置NODE_ENV生产的情况下解决这个问题的方法。

于 2021-10-10T03:36:18.497 回答
0

我在尝试运行 Apollo codegen 时遇到了类似的问题,并且能够通过对我的 npm 包进行重复数据处理来修复它。运行这个:

rm -rf node_modules && npm i && npm dedupe
于 2021-10-28T14:32:54.833 回答