使用带有近操作文件和 typescript-react-apollo

编程问答 2022-05-04

问题描述

我使用以下 graphql-codegen 配置来生成 typescript graphql 代码。

  • 第一个输出包括所有类型定义和解析器类型（typescript - typescript-resolvers）
  • 第二个输出包括 apollo 钩子和操作类型/代码，其基本类型定义依赖于使用 baseTypesPath 的第一个输出（typescript-operations-typescript-react-apollo）

对正确生成和映射但生成的操作和阿波罗钩子使用 enumValues 的解析器使用查询参数的内部值，因为它引用基本类型枚举值

问题是生成的操作代码使用内部枚举而不是sdl枚举，所以在查询枚举值不正确时失败

schema:
  - ./api/graphql/schema/types.ts
  - ./api/graphql/schema/**/!(index.ts)*.ts    
generates:
  # For backend
  ./api/graphql/__generated__.ts:       
    plugins:
      - typescript
      - typescript-resolvers
    config:
      enumValues: ../db/enums
  # For client
  ./client/views:
    documents:
      - './client/views/**/*.gql'
      - './client/components/**/*.gql'
    preset: near-operation-file
    presetConfig:
      extension: .generated.tsx
      baseTypesPath: ../../api/graphql/__generated__.ts
      folder: __generated__
    config:         
      withHooks: true         
      reactApolloversion: 3
    plugins:
      - typescript-operations
      - typescript-react-apollo

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

apolloapolloapolloenumsenumsgraphqlgraphqlgraphql-codegen