gatsby - Gatsby - Prismic 站点在构建时中断

Question

不确定我是否有人可以在这里帮助我，但我正在建立一个 Gatsby - Prismic 网站。它在开发模式下按预期工作，但是当我创建构建时，有些东西会破裂。根据构建时的控制台，没有错误消息并且似乎成功。我想分享 Netlify 网址。在控制台（生产构建）中，它仅显示有关未加载图像的错误。不当行为发生如下。

1. 网站无法正确加载
2. 图像无法正确加载 首页标题轮播无法正常工作
3. 导航栏链接不加载页面
4. 如果单击链接，url 会更改，但不会加载，如果单击 nav 链接，则必须重新加载页面以获取链接的内容

任何帮助或提示，或者也许这个或那个将不胜感激

Netlify 测试网址 https://coding-images-prismic.netlify.app/

GitHub 仓库 https://github.com/codingimages/codingimages-prismic

Answer 1

我认为问题在于您正在使用 useStaticQuery 挂钩。不幸的是gatsby-source-prismic-graphql插件不支持 useStaticQuery。您需要改用 StaticQuery 组件，如此处所示。

希望这将有助于使您的 Gatsby 站点在生产和开发中工作。