1

我一直在尝试在 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
      },
    },
  ],
};

当我创建一个新帖子并单击“网络预览”时，我得到一个 404

单击发布没有帮助，并且我在本地主机上看不到任何更改。对现有帖子的更改也不可见。

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

提前致谢！

4

2 回答 2

0

我终于通过以下帖子解决了这个问题：https ://www.frontendstumbles.com/gatsby-and-sanity-cms-tutorial/

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

于 2021-04-22T10:07:33.793 回答
0

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

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

更新： Sanity + Gatsby Cloud Live Preview 目前是一个已知错误。我想我们加入 Slack 频道来听听他们什么时候修复它？

于 2021-07-27T21:35:23.810 回答