问题标签 [prismic.io]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1455 浏览

graphql - Gatsby 组件中的多个 graphql 查询

我需要在一个组件和gatsby-node.js文件中运行多个 graphQL 查询。(因为 Prismic 每个答案限制为 20 个条目......)

我尝试了以下方法,只是想看看我是否可以在默认函数中创建 graphql 循环:

但后来盖茨比告诉我Gatsby related 'graphql' calls are supposed to only be evaluated at compile time, and then compiled away. Unfortunately, something went wrong and the query was left in the compiled code.

如何运行多个 graphql 查询?

提前谢谢你:)迈克尔

0 投票
1 回答
205 浏览

reactjs - 棱镜:如何从 API 中提取自定义类型的所有“选择”字段?

有点困惑如何做到这一点,如果它甚至可能的话?

假设我有一个名为BLOG的自定义类型

在该自定义类型中,我有一个“选择”选项,您可以在其中选择类别(cat 1、cat 2、cat 3)

如何将类别数组拉入我的反应应用程序?例如,我想要一个可以过滤博客文章的类别列表,并且想要从同一个数组中提取它们,而不是在我的应用程序中创建一个单独的数组,如果这有意义的话?

0 投票
1 回答
115 浏览

rest - 棱镜中的反向关系

假设我有一个简单的博客,其数据类型为Article,数据类型为ArticleTag

为此,我想返回查询所有 ArticleTags 并获取每个带有 N 条(甚至全部)的文章,但是 API 文档(包括GraphQLREST)对于如何扩展反向内容关系非常沉默。即他们只指定如何从ArticleTagper获取字段Article(或者如何Articles使用特定的ArticleTag per id获取所有字段,这很奇怪,但无论如何)

我可以想到一个解决方法:查询所有标签,然后为每个标签查询所有文章。问题是这听起来非常慢,因为它会为我拥有的标签数量生成 N+1 个 API 请求,另外,这也可能发生在客户端以及这个项目中!因此,如果可能的话,我宁愿避免这种情况。

0 投票
1 回答
415 浏览

javascript - 盖茨比没有建造,但在开发中工作正常

我正在使用 Gatysby 和 prismic 创建一个站点。一切似乎都在开发中运行良好。但是当我尝试构建时,我得到一个“未定义”的错误。

我不确定 /preview/ 来自哪里,因为那不是我在配置文件中指定的路径,如果我正确理解文档,显然默认情况下应该禁用预览 -文档

无论如何,我尝试将它们设置为 false,但没有运气。

这是我的配置 atm

任何帮助将不胜感激。

0 投票
1 回答
301 浏览

javascript - 如何正确配置 gatsby-source-prismic-graphql 预览功能?

我正在使用gatsby-source-prismic-graphql插件,并且正在尝试正确配置它的 Prismic 预览功能。

预期功能
从 Prismic CMS 的编辑器对已发布的文档进行更改,保存,然后单击眼球预览按钮。我想重定向到我本地的 Gatsby + Prismic 实例,重定向到所需的页面,然后查看我所做的更改。

实际发生
了什么 我在 Prismic CMS 上进行了更改,单击预览,然后被重定向到localhost:8000/而不是我想要预览的所需页面。

按照Prismic 的故障排除文章部分“你能在浏览器中看到预览 cookie 吗?” 我能够看到我所做的预览更改,表明“问题出在代码中”。

我的配置linkResolver.js是否gatsby-config.js正确?


src/utils/linkResolver.js

相关部分 gatsby-config.js

棱镜预览设置
这是我的棱镜预览设置的图片。
域:localhost:8000
链接解析器:/preview

0 投票
1 回答
3058 浏览

vue.js - 如何使用 nuxt 和 nuxt-i18n 生成本地化动态路由?

我正在尝试让 nuxt 生成本地化的动态路由。我使用 nuxt-i18n 翻译每条路线。

这是我的 nuxt-i18n 配置:

如文档中所述:

generate 命令 (yarn generate) 会忽略动态路由。Nuxt 不知道这些路由将是什么,因此它无法生成它们。

因此,我尝试调整他们的示例并使用我的无头 CMS 的 Api 来重建所有路由,但不幸的是,nuxt 出于某种原因没有生成它们。我尝试使用文件结构(即/advice/_uid.vue)而不是本地化路由,希望 nuxt-i18n 会为我解决这个问题,但那方面也没有运气。

这是我的 nuxt.config.js:

我运行时没有错误npm run generate,尽管它不会生成任何这些路由。在我使用 nuxt-i18n 本地化我的路线之前,它曾经工作得很好

有没有办法让 nuxt 或 nuxt-i18n 生成本地化的动态路线?

谢谢你的帮助!

0 投票
2 回答
309 浏览

graphql - 在 graphql 中查询 Prismic Content-Realtionship 字段组时,文档字段返回 null

问题:

我正在使用 Prismic 将数据发送到我的网站。

在 Prismic 中,我有一个 Type ( testimonial_list),它由一组内容关系字段 (Prismic Type testimonials) 组成。

要查询内部类型的数据,我需要通过 graphql 中的文档字段访问它们并使用内联片段。

我已按照此处的说明进行操作: https ://github.com/angeloashmore/gatsby-source-prismic#Query-Content-Relation-fields

在 graphql 中,我设法导航到testimonial数据字段(在document字段上),但该document字段返回 null,这就是我卡住的地方。我无法弄清楚为什么它会在内容存在时返回 null 并且在 graphql 中清楚地找到了这些字段。

信息:

我的项目是使用 Gatsby 构建的,我正在使用插件gatsby-source-prismicv3.1.1

在这里您可以看到我可以访问正确的字段数据,并且我得到了正确数量的节点返回但document为空:

在此处输入图像描述

这是testimonial_listPrismic 类型的 JSON:

感谢您的帮助,如果我可以提供更多信息来帮助推断问题,请告诉我。

0 投票
1 回答
316 浏览

reactjs - 反应从不加载

堆栈:React/Gatsby + Prismic 集成 + Netlify 托管

问题:

运行开发时的本地主机浏览器

我试过的

  • 我在 Github 上找到了一篇帖子,有人通过删除并恢复到以下代码解决了这个问题:
  • 这行得通。但是,如果您尝试构建或部署到 Netlify,您会收到以下消息:

代码:

  • 我的 /components/Layout.jsx 的当前状态如下

非常感谢你的帮助

0 投票
2 回答
146 浏览

javascript - 如何使用 pugjs 和 prismic 创建有序列表

我正在使用 Express、PugJs 和 Prismic.io(无头 CMS)来创建博客文章。

Prismic 端点​​为文章的每个部分返回一个带有“类型”的 JSON 正文,即它可以是段落、图像、标题或列表。

然后我使用 pugjs 到 case 语句以下列方式处理每种类型:

棱镜返回类型:'o-list-item'(有序列表)和'list-item'(无序列表)。

我需要解释这些类型以创建开始和结束或标签。

问题是我不确定如何做到这一点,尤其是使用自动关闭标签的 pugjs。

在上面的代码中,我尝试创建一个指示列表已开始的变量,然后如果列表已结束,我尝试将该变量设置为 false。但这不起作用。

我还能如何处理使用 pugjs 动态创建有序和无序列表?

谢谢你。

0 投票
1 回答
47 浏览

javascript - 按键检索 Prismic 数据的问题

我正在尝试从 Prismic 文档中检索多个数据点。除了其中一个之外,所有这些都没有给我带来任何问题。有 1 个数据键返回 null。我正在为所有其他人做同样的事情。我创建了几个用于测试的虚拟变量:

因此,我在 Chrome 控制台中进行了一些操作,并且能够访问变量 testGroup。在那里,我能够看到我试图获得的密钥的价值......所以它就在那里:

显示数据值的 Chrome 控制台

在控制台中,我成功地使用以下方法检索了值:

所以,虽然有点 hacky 而不是我想要的方式,但我尝试了:

但我再次得到一个空引用错误。这对我来说没有任何意义......有什么想法吗?

谢谢!