问题标签 [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 回答
346 浏览

graphql - 使用 gatsby-source-prismic 无法返回 Prismic 切片

我正在使用 localhost:8000/___graphq 调试器和gatsby-source-prismic从 prismic cms 返回我的切片。我按照自述文件中的步骤操作,并使用此代码段获得了正确的类型名称:

我的问题是创建内联片段:

在此之后我得到错误:

我的切片有 API ID : text 并且我创建了一个用这个切片填充的站点。

我可以毫无问题地获取任何其他 API ID,所以我忘记了什么?

0 投票
1 回答
1923 浏览

vue.js - Nuxt - 在动态路由中访问异步数据

我在处理 Nuxt 动态路由中的异步数据时遇到问题。

文件夹结构示例,

在此处输入图像描述

我的异步数据

所以我总是以找不到 404 页面结束。我尝试了其他在正常“非动态路由”上正常工作的异步数据示例,它也返回 404。

我假设这是与 Nuxt 与组件的异步数据相关的问题,这是 Nuxt 将在 3.0 版中处理的问题?

但在那之前,如果你能帮我解决这个问题,我将不胜感激,我需要以某种方式完成这项工作。

我使用 Prismic 作为无头 API cms。

0 投票
1 回答
298 浏览

graphql - 如何使用 prismic graphql api 按链接文档/关系的 uid 过滤?

我正在尝试按其类别、uid 列出一组文章,并且我假设我必须使用该where查询,但我无法将其用于链接文档。

问题似乎是where只接受字段上的字符串,但在链接文档的情况下,您需要深入挖掘 uid 字段。

我不确定我是否使用了错误的查询,但很难在文档中找到任何内容来帮助我。

我尝试深入研究类别对象:

但这会返回一个错误,它需要一个字符串:

显然,这不会返回任何结果。

0 投票
1 回答
678 浏览

javascript - 在 Vue 中使用富文本组件

所以我想使用文档中描述的富文本组件:

https://prismic.io/docs/vuejs/template/rich-text

因此,我在导致错误的特定部分中的 HTML 如下所示:

现在在页面重新加载时显示正确的 HTML 渲染但在 0.5 秒后它消失了,我在控制台中收到以下错误:

在此处输入图像描述

现在我不知道如何消除这些错误。特别是中间的2。

0 投票
2 回答
450 浏览

javascript - 使用 React Hooks 从 Prismic API 获取数据

我正在尝试从 Prismic headless CMS API 查询数据,并在使用 React Hooks 时遇到问题。棱镜 API 返回 null,尽管我知道它被正确传递,因为我可以在不使用反应钩子的情况下成功查询它。

这是我当前的组件代码。它返回“无法读取 null 的属性 'api'”。它没有到达“数据”控制台日志。

0 投票
1 回答
999 浏览

graphql - 如何使用 gatsby-source-prismic 在 graphql 中执行嵌套查询

我刚刚开始使用 gatsby 和 graphql,并且我已经开始使用 prismic 作为 cms。我不知道如何执行嵌套查询,避免过度获取。我什至不知道这是否可能,或者只是我在用 SQL 术语思考问题。

我在 prismic 上有两种自定义类型,它们使用内容关系相关联。这些是通过一组可重复的字段Productions具有许多。People我想要的结果是有一个页面(home)显示最新的,其中包含谁在其中出演production的列表,以及另一个页面,其中包含每个人以及他们在每个.peoplepeopleproduction

我设法通过获取页​​面people中的所有内容home和所需production的内容并通过 javascript 在前端过滤返回的数据来做到这一点。但是,我真的觉得这种方式并不理想,因为它需要获取所有人,而不仅仅是我的页面所需的人。

所以我要做的是获取所有内容people,然后根据查询返回的uids 中找到的productions 过滤它们。

我想知道是否有可能,或者有什么更好的方法来实现这一点,如何通过仅获取查询第一部分给出的 s 中存在的people人来限制过度获取。这种思维方式与graphql兼容吗?uidproduction

0 投票
1 回答
432 浏览

reactjs - 如何使用 Prismic 和服务器端渲染接收和映射动态 URL

我有一个使用 Prismic API 作为内容源的使用 SSR 创建下一个应用程序的应用程序。我正在尝试创建动态路线并遇到一堵砖墙。单例路线很好,但尝试动态创建路线我似乎无法弄清楚。

我等待接收道具的组件

我尝试根据 UID 获取页面数据的查询:

我的 Prismic Link Resolver,但不确定这是否相关

0 投票
3 回答
5533 浏览

vue.js - NuxtJS 路由错误:导航到现有路由时找不到页面

刚开始使用 Nuxt,到目前为止我很喜欢它。我只有一个具体问题,我正在使用 prismic.io 作为我个人页面的无头 CMS。我有几页和一个“博客”页面。导航到博客路由时遇到问题,它返回找不到页面。现在,这有点奇怪,因为它在我的本地主机上运行良好,在部署时它只是表现得那样。

站点正在 Netlify 上部署。

我已经尝试切换路线的链接并在我的本地机器上构建项目,它的工作就像魅力一样。

网站链接: https ://wonderful-gates-27a024.netlify.com/

这是我的页面文件结构:

复制问题的步骤

  • 导航到关于
  • 导航到联系人
  • 导航到博客(有时此步骤会显示错误)
  • 点击一篇文章
  • 导航回博客(此处应显示未找到)

出现错误后导航回博客的步骤:

我收到页面未找到错误

0 投票
2 回答
1018 浏览

prismic.io - 有没有办法将数据发送到 prismic.io?

我需要将一个对象推送到 prismic.io。例如,我想向 CMS 发送一个像字符串这样的简单对象。我在文档中看不到任何可以帮助我实现这一目标的提示。我正在使用 angular 7。
我已经制作了自定义类型,我可以使用带有棱柱谓词的 CMS 获取我创建的数据,但无法发送任何数据。

0 投票
1 回答
177 浏览

image - 棱镜图像不会加载到 vue 站点并创建运行时/编译器错误

我将 prismic.io 无头 cms 集成到我的 vuetify 项目中,并且能够将我在 prismic 存储库中创建的关键文本字段中的内容渲染到项目中,但我无法加载图像。当我在浏览器中查看页面时,我收到以下控制台错误:

[Vue 警告]:您正在使用仅运行时构建的 Vue,其中模板编译器不可用。要么将模板预编译为渲染函数,要么使用包含编译器的构建。

在发现

---> 在 /Users/jbdebiasio/dev/prismic-vue/src/components/Image.vue

当我使用检查元素查看图像时,它显示以下标记:

这是什么意思,我需要做什么才能正确渲染图像?我尝试更新我的应用程序实例,但没有发现任何变化。