使用graphql-yoga的子字段上的Graphql错误

Question

我正在尝试通过另一个 graphql API 的代理查询 graphql API 并收到错误消息。我正在为我的服务器使用 graphql Yoga 并从 CMS 连接到另一个 graphql API。这是我的代码：

服务器.js

const { GraphQLServer } = require('graphql-yoga');
const Prismic = require('./prismic.config.js');
const gql = require('graphql-tag');

const typeDefs = `
  type Query {
    page(lang: String, uid: String): Page
  }

  type Page {
    page_title: [TextField]
  }

  type TextField {
    text: String
  }
`

const resolvers = {
  Query: {
    page: (parent, args, context, info) => {
      const query = gql`${context.request.body.query}`;

      const result = context.Prismic.query({
        query,
        variables: { ...args }
      })
      .then(resp => {
        return resp.data.page;
      })
      .catch(err => console.log(err));
      return result;
    }
  }
}

const server = new GraphQLServer({ 
  typeDefs, 
  resolvers,
  context: req => ({ ...req, Prismic })
})

server.start(() => console.log('Server is running on localhost:4000'))

这是我从 Graphql Yoga 附带的 graphql playground 中的查询：

query {
  page(lang: "en-gb", uid: "homepage") {
    page_title {
      text
    }
  }
}

我收到的错误是：

'查询未通过验证。违规：\n\n字段 \'page_title\' 类型 \'Json\' 不得有子选择。（第 3 行，第 5 列）：\n page_title {\n ^' } },

奇怪的是，如果我在没有嵌套text字段的情况下对查询进行硬编码，就像服务器上的错误提示那样，我可以获得有效的响应：

// const query = gql`${context.request.body.query}`;

const query = gql`
      query($uid: String!) {
        page(lang: "en-gb", uid: $uid) {
          page_title
        }
      }
    `;

尝试在 graphql 操场中修改我的查询以不包含嵌套text字段，如下所示：

query {
  page(lang: "en-gb", uid: "homepage") {
    page_title
  }
}

给我以下错误，并且根本不允许我提出请求：

“[TextField]”类型的字段“page_title”必须有一个子字段选择。您的意思是“page_title { ... }”吗？

该错误表明我需要添加text预期的嵌套子字段，但是当我使用此查询而不是服务器上的硬编码查询时，它给了我前面提到的错误。

不确定我是否在设置中的某个地方出错了？

谢谢

Answer 1

在您的 GraphQL 模式中 page_title: [TextField]不是标量类型之一

因此，在进行查询期间，您需要定义到底需要获取哪些字段？并且查询中的字段应扩展到仅具有标量类型的级别，以便 GraphQL 将知道如何解析您的查询。

因此，这是唯一应该来自第一级的查询（来自 Graphql Yoga 附带的 graphql Playground）：

query {
  page(lang: "en-gb", uid: "homepage") {
    page_title {
     text
    }
  }
}

但是服务器的错误是从您在 graphql 解析器中进行 graphql 查询的方法引发的：

const result = context.Prismic.query({
      query,
      variables: { ...args }
   })

所以我 100% 确定page_titlePrismic 中有自定义标量 - JSON。因此，您无法对此请求使用相同的查询。