问题标签 [prismic.io]

我正在尝试查询棱镜单一类型以通过 gatsby-image 显示照片。在 GraphiQL 中搞乱之后，我看到了图像 url，但我不确定如何将其插入 gatsby-image。有什么建议吗？

是否可以只允许内容创建者在可重复组中添加 1 或 2 个元素？我正在寻找这样的东西：

其中"repeat": 2设置允许元素的数量。

我正在使用 Prismic 作为我的 CMS 在 Gatsby 中建立一个站点，到目前为止一切都很好。虽然我遇到了一些问题，但我无法弄清楚。

我希望能够让从 Prismic 中提取的所有帖子都可以按标签过滤并默认显示所有帖子。

我设法设置了一个数组来存储用户在页面上选择的标签，并且我发现我可以将一个静态值数组传递到查询中，以在构建时过滤帖子。

但是，我无法弄清楚如何在构建时获取所有帖子并在未选择过滤器时显示所有帖子。But when tags are selected and in the active tags array only show the posts that contain those tags.

据我了解，Gatsby 不允许在运行时运行查询，只会在构建期间运行它们。我也尝试过有条件地渲染模板组件的想法，并根据该帖子的标签是否包含在活动标签数组中而改变它，但那里也没有运气。

我尝试询问 prismic 支持，但他们说他们以前没有使用过这个用例的用户。

任何想法将不胜感激。

我正在使用 Gatsby 和 prismic 开发我的第一个项目。今天，当我尝试启动我的开发服务器时，我遇到了这个错误。我进行了搜索，但在任何地方都找不到类似的错误。我完全被这个阻止了，不知道是什么导致了这个错误。

从 package.json 中提取：

错误

盖茨比版本：2.19.34 反应版本：16.13.0 prismic-reactjs 版本：1.2.0

当我将网站测试为预览模式时，我得到了数据，但切片或内容关系没有相同的模型。数据属于“代理”类型。

如何获取非预览版中的数据？有序列化器可以使用吗？

这是我的控制台的屏幕截图。

另一个例子是我的类别参考。有一个代理数组，但文档变成了一个字符串。

它在文档中说

如果 previewData 包含嵌套在 staticData 中的文档：返回一个新对象，其中嵌套文档在引用的任何位置都被替换。请注意，这仅在 staticData 中的嵌套数据包含文档的 ID 字段时才有效。这对于预览数据只是整个页面的一小部分的文档很有用。

我确实为我的嵌套文档提供了 ID，但我仍然得到一个空响应

我使用 Lighthouse 为nuxt-prismic-showcase
生成了一份报告，结果如下： lighthouse report

我为图像设置了延迟加载，剪切到正确的大小，使用下一代格式，通过添加 font-display:swap 修复确保测试在 webfont 加载期间保持可见。

我阅读了这篇文章并设置了 vue-lazy-hydration 以尝试获得更好的性能：
https ://markus.oberlehner.net/blog/how-to-drastical-reduce-estimated-input-latency-and-time-to -ssr-vue 应用程序的交互式/

但这并没有带来明显的下降。
可以做些什么来改善交互时间、首次 CPU 空闲和最大潜在首次输入延迟的结果？

谢谢

似乎插件首先需要从 prismic 下载图像，但是查询在下载图像之前运行，并且在运行生产构建时会引发上述错误。知道如何解决这个问题吗？

这两个屏幕截图显示了同一个对象，从调用 useStaticQuery 返回，一个在开发中，一个在生产中。开发对象看起来像它应该的样子（就像它在graphiql中出现的那样），但是在生产之上的图像，这个对象在完全不同的领域真的很奇怪，我不明白为什么。

澄清一下，第一个图像是生产的，第二个是开发构建的

有人可以告诉我为什么会这样吗？

这是整个组件：

我正在使用 CodeSandbox 制作 Gatsby 应用程序，并且我正在尝试将 Prismic 用于后端。我确定它设置得很好，并安装gatsby-source-prismic到我的项目中。但是，当我将它添加到我的配置文件并重新启动项目时，它会抛出一个错误，提示“无效的插件选项”。这是我的插件文件中的内容：

这是堆栈：

gatsby-source-prismic - 无效的插件选项

错误

需要一个类型record<string,object>为schemas但已接收的值undefined。

错误：

• index.cjs:650 新的 StructError [沙盒]/[superstruct]/lib/index.cjs:650:19

• index.cjs:707 Function.Struct.assert [沙盒]/[superstruct]/lib/index.cjs:707:13

• index.cjs:679 结构 [沙盒]/[超结构]/lib/index.cjs:679:19

• gatsby-node.js:74 validatePluginOptions [沙盒]/[gatsby-source-prismic]/dist/gatsby-node.js:74:50

• gatsby-node.js:1042 [沙盒]/[gatsby-source-prismic]/dist/gatsby-node.js:1042:25

• 生成器.next

• gatsby-node.js:52 [沙盒]/[gatsby-source-prismic]/dist/gatsby-node.js:52:71

• 新的承诺

• gatsby-node.js:48 __awaiter [沙盒]/[gatsby-source-prismic]/dist/gatsby-node.js:48:12

• gatsby-node.js:1029 Object.sourceNodes [沙盒]/[gatsby-source-prismic]/dist/gatsby-node.js:1029:55

• api-runner-node.js:256 runAPI [沙盒]/[gatsby]/dist/utils/api-runner-node.js:256:37

• api-runner-node.js:375 解析 [沙盒]/[gatsby]/dist/utils/api-runner-node.js:375:15

• debuggability.js:384 Promise._execute [沙盒]/[bluebird]/js/release/debuggability.js:384:9

• promise.js:518 Promise._resolveFromExecutor [沙盒]/[bluebird]/js/release/promise.js:518:18

• promise.js:103 新的 Promise [沙盒]/[bluebird]/js/release/promise.js:103:10

• api-runner-node.js:374 Promise.mapSeries.plugin [沙盒]/[gatsby]/dist/utils/api-runner-node.js:374:12

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

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

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

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

GitHub 仓库 https://github.com/codingimages/codingimages-prismic