盖茨比没有建设，但在开发中工作正常

Question

我正在使用 Gatysby 和 prismic 创建网站。一切似乎在开发中都运行良好。但是当我尝试构建时出现 "undefined" 错误。

Building static HTML failed for path "/preview/page"

  48 | const Page = (props) => {
  49 |  console.log(props);
> 50 |  const pageTitle = props.data.prismic.allPages.edges[0].node.page_title;
     |                                                         ^
  51 |  const content = props.data.prismic.allPages.edges[0].node.page_content;
  52 |  return (
  53 |          <>


  WebpackError: TypeError: Cannot read property 'node' of undefined

我不确定 /preview/ 的来源，因为那不是我在配置文件中指定的路径，而且如果我正确理解文档，显然默认情况下应该禁用预览 - documentation.

无论如何我都尝试将它们设置为 false，但没有成功。

这是我的配置 atm

        {
            resolve : 'gatsby-source-prismic-graphql',
            options : {
                repositoryName : 'XXXXX',
                pages          : [
                    {
                        type      : 'Page',
                        match     : '/:uid',
                        path      : '/',
                        component : require.resolve('./src/templates/page.js')
                    },
                    {
                        type      : 'Blog_post',
                        match     : '/blog/:uid',
                        path      : '/blog/',
                        component : require.resolve('./src/templates/blogPost.js')
                    }
                ]
            }
        },

如有任何帮助，我们将不胜感激。

Answer 1

我认为这里的问题是您需要对您的内容添加验证检查。您正在查看的文档页面需要更新。我会调查一下。

通过添加对内容的验证检查，可以无误地生成预览路线。此页面说明如何设置验证检查： https://prismic.io/docs/gatsby/rendering/retrieve-the-document-object#21_0-adding-a-validation-check

盖茨比没有建设，但在开发中工作正常

Gatsby not building but working fine in develop

javascript

reactjs

gatsby

prismic.io