Urql svelte没有正确添加查询参数。

Question

使用urql初始化查询时会出现此错误。

GraphqlQL必须提供查询

我在“网络”选项卡中检查了有效负载，看起来urql从请求有效负载中删除了查询关键字--这是在“网络”选项卡中的样子：

query:  {\n  categories {\n    name\n    id\n    __typename\n  }\n}

这是我在svelte文件中的查询，它完全是从文档中复制的

const categories = operationStore(`
      query {
        categories{
          name
          id
        }
      }
      `)

这是在石墨库query: "query{\n categories{\n id\n name\n }\n}"中生成的有效负载

如能提供任何帮助，我们将不胜感激。

Answer 1

您需要使用urql提供的gql工具对查询进行预处理：

import { gql } from '@urql/svelte';

const categories = operationStore(gql`
  query {
    categories {
      name
      id
    }
  }
`);

如果您的查询开始变得更加复杂，或者如果您开始处理多个不同的查询，我建议将它们放在它们自己的单独文件中($lib/queries.js与任何地方一样好)，例如：

// $lib/queries.js
import { gql } from '@urql/svelte';

export const GET_CATEGORIES = gql`
  query {
    categories {
      name
      id
    }
  }
`;

// in your component:
import { GET_CATEGORIES } from '$lib/queries';

const categories = operationStore(GET_CATEGORIES);