如何解决Gatsby中Graphql查询中不存在的类型

Question

我正在构建一个包含博客部分的网站，在部署到生产时，博客将是空的。我有问题，允许一个空博客在我的盖茨比网站。

当我运行npm run develop时，它只有在我有一些博客的情况下才能工作--我希望它在博客被添加之前就能工作。

我遇到的主要问题是尝试容纳不像allStrapiBlog和strapiBlog这样的字段，因为没有博客。

在blog组件和nav组件(其中有一个条件使用的查询)上，我会得到这样的错误。

  15:17  error  Cannot query field "allStrapiBlog" on type "Query"  graphql/template-strings

Cannot query field "strapiBlog" on type "Query"

这就是这个查询对于我的导航组件的样子。但是它会抛出一个错误-有什么方法可以让它只返回null吗？

query NavigationQuery {
    allStrapiBlog {
        nodes {
            title
            strapi_id
        }
        totalCount
    }
}

如何使不成功的GraphQL查询不中断构建，这样我就可以用一个空博客构建一个gatsby站点了？

Answer 1

但是它会抛出一个错误--有什么方法可以让它只返回null吗？

实际上，您需要配置您的GraphQL架构来允许可空字段。

您有一个样板，您可以对其进行调整以匹配https://www.virtualbadge.io/blog-articles/nullable-relational-fields-strapi-gatsbyjs-graphql上的数据类型。

这个想法依赖于在您的createSchemaCustomization中使用gatsbt-node.js API来添加您自己的类型定义。

类似于：

exports.createSchemaCustomization = ({ actions }) => {
  const { createTypes } = actions;
  const typeDefs = `
    type StrapiBlogPost implements Node {
      title: String!
      content: String
      thumbnail: File
    }
  `;
  createTypes(typeDefs);
};

在这种情况下，需要title (因为!，这意味着类型为不可空)，而content和thumbnail可以为null )。

之后，您将只需要调整您的组件，以避免在获取空数据时中断代码的逻辑。