当我在 Sanity Studio 中添加或更改内容时，Sanity 预览不起作用

Question

几天来，我一直在尝试在 Sanity 中进行实时预览，但没有成功。

当我按照本教程进行操作时，它就像一个魅力： how-to-quickly-set-up-a-gatsby-js-jamstack-website-with-a-headless-cms.

但是当我创建一个像这样的入门博客时：sanity-template-gatsby-blog，它根本不起作用。

我已经学习了三个教程，但总是失败，即使我完全一样。

这是我的 gatsby-config:

module.exports = {
  plugins: [
    "gatsby-plugin-postcss",
    "gatsby-plugin-react-helmet",
    {
      resolve: "gatsby-source-sanity",
      options: {
        projectId:"nt51j1jx",
        dataset:"production",
        token: "ABC123", //this is a dummy for this post
        watchMode: true,
        overlayDrafts: true
      },
    },
  ],
};

当我新建 post 并单击“网络预览”时，I get a 404

点击发布没有帮助，我在本地主机上看不到任何变化。对现有 post 的更改也不可见。

每次我想看到更改时都必须重新启动服务器。我提到的第一个模板不是这种情况，但是当我尝试安装我需要的 Sanitys 代码输入插件时，那个模板崩溃了。

提前致谢！

Answer 1

我终于按照这个post解决了它：https://www.frontendstumbles.com/gatsby-and-sanity-cms-tutorial/

一个很好的分步指南，它创建了一个适用于监视模式和草稿模式的 Gatsby 和 Sanity 启动器。

Answer 2

创建新页面时必须重建预览环境

这是一个要构建的新静态 html 文件。这不同于实时预览更新，后者会在客户端修改页面数据。

更新： Sanity + Gatsby Cloud 实时预览目前是一个已知错误。我想我们加入 Slack 频道是为了听听他们何时修复它？

当我在 Sanity Studio 中添加或更改内容时，Sanity 预览不起作用

Sanity preview not working when I add or change content in Sanity Studio

live-preview

sanity