问题标签 [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.
graphql - 使用 gatsby-source-prismic 无法返回 Prismic 切片
我正在使用 localhost:8000/___graphq 调试器和gatsby-source-prismic从 prismic cms 返回我的切片。我按照自述文件中的步骤操作,并使用此代码段获得了正确的类型名称:
我的问题是创建内联片段:
在此之后我得到错误:
我的切片有 API ID : text 并且我创建了一个用这个切片填充的站点。
我可以毫无问题地获取任何其他 API ID,所以我忘记了什么?
graphql - 如何使用 prismic graphql api 按链接文档/关系的 uid 过滤?
我正在尝试按其类别、uid 列出一组文章,并且我假设我必须使用该where
查询,但我无法将其用于链接文档。
问题似乎是where
只接受字段上的字符串,但在链接文档的情况下,您需要深入挖掘 uid 字段。
我不确定我是否使用了错误的查询,但很难在文档中找到任何内容来帮助我。
我尝试深入研究类别对象:
但这会返回一个错误,它需要一个字符串:
显然,这不会返回任何结果。
javascript - 在 Vue 中使用富文本组件
所以我想使用文档中描述的富文本组件:
https://prismic.io/docs/vuejs/template/rich-text
因此,我在导致错误的特定部分中的 HTML 如下所示:
现在在页面重新加载时显示正确的 HTML 渲染但在 0.5 秒后它消失了,我在控制台中收到以下错误:
现在我不知道如何消除这些错误。特别是中间的2。
javascript - 使用 React Hooks 从 Prismic API 获取数据
我正在尝试从 Prismic headless CMS API 查询数据,并在使用 React Hooks 时遇到问题。棱镜 API 返回 null,尽管我知道它被正确传递,因为我可以在不使用反应钩子的情况下成功查询它。
这是我当前的组件代码。它返回“无法读取 null 的属性 'api'”。它没有到达“数据”控制台日志。
graphql - 如何使用 gatsby-source-prismic 在 graphql 中执行嵌套查询
我刚刚开始使用 gatsby 和 graphql,并且我已经开始使用 prismic 作为 cms。我不知道如何执行嵌套查询,避免过度获取。我什至不知道这是否可能,或者只是我在用 SQL 术语思考问题。
我在 prismic 上有两种自定义类型,它们使用内容关系相关联。这些是通过一组可重复的字段Productions
具有许多。People
我想要的结果是有一个页面(home
)显示最新的,其中包含谁在其中出演production
的列表,以及另一个页面,其中包含每个人以及他们在每个.people
people
production
我设法通过获取页面people
中的所有内容home
和所需production
的内容并通过 javascript 在前端过滤返回的数据来做到这一点。但是,我真的觉得这种方式并不理想,因为它需要获取所有人,而不仅仅是我的页面所需的人。
所以我要做的是获取所有内容people
,然后根据查询返回的uid
s 中找到的production
s 过滤它们。
我想知道是否有可能,或者有什么更好的方法来实现这一点,如何通过仅获取查询第一部分给出的 s 中存在的people
人来限制过度获取。这种思维方式与graphql兼容吗?uid
production
reactjs - 如何使用 Prismic 和服务器端渲染接收和映射动态 URL
我有一个使用 Prismic API 作为内容源的使用 SSR 创建下一个应用程序的应用程序。我正在尝试创建动态路线并遇到一堵砖墙。单例路线很好,但尝试动态创建路线我似乎无法弄清楚。
我等待接收道具的组件
我尝试根据 UID 获取页面数据的查询:
我的 Prismic Link Resolver,但不确定这是否相关
vue.js - NuxtJS 路由错误:导航到现有路由时找不到页面
刚开始使用 Nuxt,到目前为止我很喜欢它。我只有一个具体问题,我正在使用 prismic.io 作为我个人页面的无头 CMS。我有几页和一个“博客”页面。导航到博客路由时遇到问题,它返回找不到页面。现在,这有点奇怪,因为它在我的本地主机上运行良好,在部署时它只是表现得那样。
站点正在 Netlify 上部署。
我已经尝试切换路线的链接并在我的本地机器上构建项目,它的工作就像魅力一样。
网站链接: https ://wonderful-gates-27a024.netlify.com/
这是我的页面文件结构:
复制问题的步骤
- 导航到关于
- 导航到联系人
- 导航到博客(有时此步骤会显示错误)
- 点击一篇文章
- 导航回博客(此处应显示未找到)
出现错误后导航回博客的步骤:
- 在 url 栏上,粘贴wonderful-gates-27a024.netlify.com/blog并回车。
我收到页面未找到错误
prismic.io - 有没有办法将数据发送到 prismic.io?
我需要将一个对象推送到 prismic.io。例如,我想向 CMS 发送一个像字符串这样的简单对象。我在文档中看不到任何可以帮助我实现这一目标的提示。我正在使用 angular 7。
我已经制作了自定义类型,我可以使用带有棱柱谓词的 CMS 获取我创建的数据,但无法发送任何数据。
image - 棱镜图像不会加载到 vue 站点并创建运行时/编译器错误
我将 prismic.io 无头 cms 集成到我的 vuetify 项目中,并且能够将我在 prismic 存储库中创建的关键文本字段中的内容渲染到项目中,但我无法加载图像。当我在浏览器中查看页面时,我收到以下控制台错误:
[Vue 警告]:您正在使用仅运行时构建的 Vue,其中模板编译器不可用。要么将模板预编译为渲染函数,要么使用包含编译器的构建。
在发现
---> 在 /Users/jbdebiasio/dev/prismic-vue/src/components/Image.vue
当我使用检查元素查看图像时,它显示以下标记:
这是什么意思,我需要做什么才能正确渲染图像?我尝试更新我的应用程序实例,但没有发现任何变化。