问题描述
几天以来,我一直试图在 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 频道,听听他们何时修复?