Gatsby graphql 查询在开发环境中工作正常，但在PostBuild 上不行

Question

更新到 Gatbsy v3 和 gatsby-plugin-sitemap v3 后出现问题在我的 gatsby-config.js 中，我有站点地图的配置：

{
  resolve: 'gatsby-plugin-sitemap',
  options: getSitemapForLanguage('en'),
},
{
  resolve: 'gatsby-plugin-sitemap',
  options: getSitemapForLanguage('de'),
},

我得到了以下函数，它根据传递的语言生成站点地图：

const getSitemapForLanguage = lang => ({
  output: `/${lang === 'en' ? '' : lang}/sitemap.xml`,
  query: `
  {
    site {
        siteMetadata {
          siteUrl
        }
      }
    allMdx(
      filter: {frontmatter: {seo: {exclude_from_sitemap: {ne: true}}, languages: {in: "${lang}"}}}
    ) {
      edges {
        node {
          frontmatter {
            pathname
          }
        }
      }
    }
  }`,

  serialize: ({ site, allMdx }) =>
    allMdx.edges.map(edge => ({
      url: `${site.siteMetadata.siteUrl}${lang === 'en' ? '' : `/${lang}`}${
        edge.node.frontmatter.pathname
      }`,
      changefreq: 'daily',
      priority: 0.7,
    })),
});

我使用用于 graphql 的浏览器内 IDE 创建了这个，当你运行 gatsby develop 时你会得到它。在那个 IDE 中，我可以看到结果和我需要的一切，但是当我尝试构建它时，我得到：

TypeError: Cannot use 'in' operator to search for 'nodes' in undefined Error of failed build process

出于测试目的，我删除了查询中的, languages: {in: "${lang}"} 部分，但它仍然不起作用。

Answer 1

我认为它甚至不能在gatsby develop 中工作，因为该插件只能在生产模式下工作。正如您在gatsby-plugin-sitemap docs 中看到的：

注意：此插件仅在production 模式下运行时才会生成输出！ 要测试您的站点地图，请运行：gatsby build && gatsby serve

在gatsby develop 甚至没有触发插件，甚至查询可能在localhost:8000/___graphql 操场上工作。

在我看来，问题取决于语言参数，您不能像 gatsby-config.js 那样在 Node 文件中传递这样的 GraphQL 变量。方法是创建单独的查询并以某种方式将它们序列化。您的配置应如下所示：

  {
    resolve: `gatsby-plugin-sitemap`,
    options: {
      query: `
        {
          site {
            siteMetadata {
              siteUrl
            }
          }
 
         deSitemap: allMdx(
          filter: {frontmatter: {seo: {exclude_from_sitemap: {ne: true}}, languages: {in: "de"}}}
        ) {
          edges {
            node {
              frontmatter {
               pathname
              }
            }
          }
        }
         enSitemap: allMdx(
          filter: {frontmatter: {seo: {exclude_from_sitemap: {ne: true}}, languages: {in: "en"}}}
        ) {
          edges {
            node {
              frontmatter {
               pathname
              }
            }
          }
        }
      }`,
      serialize: ({ site, allSitePage }) => enSitemap.edges // here you will need to serialize both or append the language at the end
        .map(edge => {
          return {
            url: site.siteMetadata.siteUrl + path, // https://sitemaps.com/page-path
            changefreq: 'daily',
            priority: 0.7,
            links: [
              // https://sitemaps.com/page-path
              { lang: 'en', url: site.siteMetadata.siteUrl + path },
              // https://sitemaps.com/es/page-path
              { lang: 'de', url: `${site.siteMetadata.siteUrl}/de${path}` },
              // The default in case page for user's language is not localized.
              { lang: 'x-default', url: site.siteMetadata.siteUrl + path } 
            ]
          };
        })
      }
   }

来源：https://github.com/gatsbyjs/gatsby/issues/4603

不要尝试将其拆分为单独的函数，至少在确保它按预期工作之前是这样。