构建连接到 Contentful CMS 的 Gatsby 博客

Question

所以，我遇到的问题真的让我很困惑。我可以从 Contentful 字段访问变量，但我不能访问与第一个字段相同的其他 4 个字段，它们都位于相同的内容模型中。这是我的查询：

export const pageQuery = graphql`
  query blogPostQuery($slug: String!) {
    contentfulBlog(slug: { eq: $slug }) {
      product1Title
      product2Title
      product3Title
      product4Title
      product5Title
    }
  }
`

Terminal screenshot here

在终端中，我似乎得到了：

GraphQL 错误未知字段 product2Title 类型为 ContentfulBlog

如果我从查询中删除 product2Title，我会在 product3Title 处得到错误，依此类推。 product1 工作正常。

Answer 1

您在 http://localhost:8000/___graphql 的 GraphiQL 检查器中看到了什么？如果你打开文档（链接右上角），然后探索一下，能不能发一张contentfulBlog类型的截图以及它有哪些字段？

如果您可以分享此信息，我希望可以发布更准确的答案，但与此同时，您可能会受到Gatsby ignoring empty fields 的影响。

文章解释得更深入。一个简短的总结，如果你在 Contentful 上有一个为空的字段，它不会出现在 Gatsby 中。您可以确保至少有 1 条关于内容的记录包含您的所有产品标题字段来解决此问题。