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

问题描述

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

当我遵循本教程时,它就像一个魅力: how-to-quickly-set-up-a-gatsby-js-jamstack-website-with-a-headless-cms

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

我遵循了三个教程,但它总是失败,即使我做的完全一样。

这是我的 gatsby 配置:

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
      },},],};

当我创建新帖子并点击“网络预览”时,I get a 404

点击发布也没有用,本地主机也看不到任何变化。 对现有帖子的更改也不可见。

每次我想查看更改时都必须重新启动服务器。我提到的第一个模板并非如此,但是当我尝试安装我需要的 Sanitys 代码输入插件时,该模板崩溃了。

提前致谢!

解决方法

我终于通过关注这篇文章解决了这个问题:here

一个很好的分步指南,它创建了一个适用于观察模式和草稿模式的 Gatsby and Sanity starter。

,

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

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

更新: Sanity + Gatsby Cloud Live Preview 目前是一个已知错误。我想我们加入 Slack 频道,听听他们何时修复?