Gatsby - Prismic 站点在构建时中断

Question

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

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

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

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

GitHub 存储库 https://github.com/codingimages/codingimages-prismic

Answer 1

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

希望这将有助于让您的 Gatsby 网站在生产和开发中都能正常工作。