构建连接到 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 Error Unknown field product2Title on type ContentfulBlog

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

Answer 1

您在 http://localhost:8000/___graphql 的 GraphiQL 检查器中看到了什么？如果你打开文档（link 右上角），然后探索，你能post 截图 contentfulBlog 类型和它有哪些字段吗？

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

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

构建连接到 Contentful CMS 的 Gatsby 博客

Building a Gatsby blog connected to Contentful CMS

reactjs

contentful

gatsby