当使用@graphql-codegen创建时，查询的类型总是未知。

Question

我有一个这个graphql查询：

import { graphql } from '../__generated__/gql';

// typeof IndexPageQuery is unknown
const IndexPageQuery = graphql(`
  query IndexPageQuery {
    user {
      ...UserInputFragment
    }
  }
  ${UserInputFragment}
`);

当我运行这个代码时：

const { data } = await apolloClient.query(IndexPageQuery);

TS抛出错误：

Argument of type 'unknown' is not assignable to parameter of type 'QueryOptions<OperationVariables, any>'.ts(2345)

为什么IndexPageQuery总是有unknown类型？有人知道我做错了什么吗？谢谢

Answer 1

我是查莉，来自行会，致力于GraphQL代码生成器。

preset: 'client'不需要在GraphQL操作定义中包含片段文档(它会自动为您完成)。

若要解决问题，请将IndexPageQuery替换为以下内容：

const IndexPageQuery = graphql(`
  query IndexPageQuery {
    user {
      ...UserInputFragment
    }
  }
`);