建立一个连接到Contentful CMS的Gatsby博客

Question

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

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

此处为终端屏幕截图

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

GraphQL错误类型ContentfulBlog上的未知字段product2Title

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

Answer 1

您在GraphiQL检查器中看到了什么http://localhost:8000/___graphql？如果你打开文档(右上角的链接(，然后浏览，你能发布contentfulBlog类型的屏幕截图吗？它有哪些字段？

如果你能分享这些信息，我希望能发布一个更准确的答案，但与此同时，你可能会受到盖茨比忽略空字段的影响。

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