javascript - 如何在 gatsby 博客网站中验证 graphql

Question

我正在尝试在 Gatsby 中建立一个博客网站，一切都运行良好，直到我删除了我的假测试人员博客帖子。

我的错误是:

gatsby-node.js" threw an error while running the createPages lifecycle:

Cannot query field "frontmatter" on type "MarkdownRemark".

GraphQL request:8:13
7 |             id
8 |             frontmatter {
  |             ^
9 |               path

所以我的问题是如何在继续之前确保这是有效的？

    const { createPage } = actions;

    const postTemplate = path.resolve('src/templates/blog-post.js');

    return graphql(`
    {
      allMarkdownRemark {
        edges {
          node {
            html
            id
            frontmatter {
              path
              title
              date
              featuredImage
            }
          }
        }
      }
    }
  `).then((res) => {
        if (res.errors) {
            return Promise.reject(res.errors);
        }

        if (res.data === undefined) {//Validation attempt
            return;
        }
        res.data.allMarkdownRemark.edges.forEach(({ node }) => {
            createPage({
                path      : node.frontmatter.path,
                component : postTemplate
            });
        });
    });

Answer 1

确保您告诉 gatsby 您的 Markdown 内容文件所在的位置

在您的 gatsby-config.js 中，确保插件数组包含以下内容:

    {
      resolve: 'gatsby-source-filesystem',
      options: {
        path: `${__dirname}/content`,
        name: 'content',
      },
    },

这只是一个示例，如果您的 Markdown 位于内容目录中