0

早上好/下午堆栈溢出。我正在使用一个名为@graphql-codegen/cli的 npm 包来为我的 GraphQL 模式生成类型定义/实用程序。最近，每次尝试运行 graphql-codegen 命令/脚本时都会遇到错误。这是我得到的错误

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

我相当确定这个问题与我的环境有关，而不是我的项目。我试图从头开始创建一个全新的项目，但仍然收到同样的错误。这是我尝试过的事情

  • 重新安装 node_modules
  • 使用 package.json 中的 resolutions 属性
  • 使用不同版本的 graphql/graphql-cli 包
  • 彻底清除我的全局 npm 包

在过去的几天里，我一直在尝试解决这个错误，但我完全没有想法。非常感谢任何想法或建议。此外，下面是包含相关文件的代码框的链接

https://codesandbox.io/s/graphql-codegen-cli-example-qq5cj

4

1 回答 1

0

我对codegen有同样的问题。

src/generated/graphql.tsx
    Error: Cannot use GraphQLObjectType "FieldError" 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.

运行 codegen.yml

overwrite: true
schema: "http://localhost:4001/graphql"
documents: "src/graphql/**/*.graphql"
generates:
  src/generated/graphql.tsx:
    plugins:
      - "typescript"
      - "typescript-operations"
      - "typescript-urql"

我想我有冲突的包裹。删除我认为导致问题的“urql”，然后重新安装它解决了错误。

yarn run v1.22.17
$ graphql-codegen --config codegen.yml
  √ Parse configuration
  √ Generate outputs

与 package.json

{
    "private": true,
    "scripts": {
        "dev": "next dev",
        "build": "next build",
        "start": "next start",
        "gen": "graphql-codegen --config codegen.yml"
    },
    "dependencies": {
        "@chakra-ui/icons": "^1.0.0",
        "@chakra-ui/react": "^1.8.5",
        "@emotion/react": "^11.0.0",
        "@emotion/styled": "^11.0.0",
        "formik": "^2.2.9",
        "framer-motion": "^4.0.3",
        "next": "latest",
        "react": "^17.0.2",
        "react-dom": "^17.0.2",
        "graphql": "^16.3.0",
        "urql": "^2.2.0"
    },
    "devDependencies": {
        "@graphql-codegen/cli": "^2.6.2",
        "@graphql-codegen/typescript": "2.4.5",
        "@graphql-codegen/typescript-operations": "2.3.2",
        "@graphql-codegen/typescript-urql": "^3.5.3",
        "@graphql-codegen/urql-introspection": "^2.1.1",
        "@types/node": "^17.0.21",
        "graphql-tag": "^2.12.6",
        "typescript": "^4.5.5"
    }
}

您可以根据需要编辑您的 package.json。删除文件 'yarn.lock'、'package-lock.json' 和文件夹 'node_modules' 以清除依赖项。并运行 'npm install' / 'yarn install' 以重新安装您的依赖项。

玩得开心！

于 2022-02-27T19:57:17.627 回答