问题标签 [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 投票
2 回答
2002 浏览

reactjs - “无法读取未定义的属性‘节点’” - Gatsby/GraphQL/Prismic

我正在使用 Gatsby 的“gatsby-source-prismic-graphql”插件将我的 Prismic 存储库与一个组件连接起来,并将博客文章数据显示为卡片。该查询在 GraphiQL 中运行良好,但是当我在组件中实现 GraphQL 查询时,Gatsby 在我的查询中无法识别“Prismic”。

我尝试显示其他数据,例如站点元数据,并且没有问题

这是 Git 存储库:https ://github.com/ENEIV/PrometheusIgnis

盖茨比-config.js

从 Prismic 查询数据的组件

0 投票
1 回答
984 浏览

graphql - 使用 Prismic 构建类别?

我有一个现有的 Gatsby/Prismic 博客。我现在正在尝试使用类别来组织我的内容。有谁知道好的教程吗?从字面上看,我发现只有 1 个文档,但并没有真正的帮助。有谁知道使用 Gatsby 和 Prismic 创建和显示类别的步骤?

0 投票
2 回答
817 浏览

javascript - “无法读取未定义的属性‘页面’” - Gatsby 和 Prismic 在 gatsby-node 中为模板创建分页

我希望有人遇到过类似的事情,可以给我一些正确方向的建议。

我正在使用 gatsby 构建一个博客,其中包含从 Prismic 中提取的内容。每篇博文都有一个作者和标签,通过 Prismic 内容关系与之相关。我的目标是通过 gatsby-node 为作者和标签页面动态创建页面,其中还包括相关博客文章的分页。不幸的是,Prismic 似乎并没有建立双向关系,所以我必须通过对我的 allPrismicBlog 过滤作者 uid 进行 graphql 查询来查找相关的博客文章。

我要完成的网址示例:myblog.com/author/author-name/myblog.com/author/author-name/2

我的 gatsby 节点中有以下内容:

我收到错误TypeError: Cannot read property 'page' of undefined

我不确定我在这里尝试做的是正确的方向,还是我错过了一些重要的事情。任何帮助将不胜感激。

0 投票
1 回答
1534 浏览

graphql - GraphQL/Gatsby/Prismic - 查询中“edges.node.data”和“nodes.data”之间的区别

我正在关注Medium 上的教程,以便让 Gatsby 使用 Prismic。

在 GraphiQL 资源管理器中,下面的两个查询都产生相同的结果,并且想知道何时应该使用一个而不是另一个(即edges.node.datanodes.data):

查询 #1:

查询 #2:

0 投票
2 回答
358 浏览

graphql - gatsby-source-prismic-graphql 查询结构

任何从gatsby-source-prismic 跳转gatsby-source-prismic-graphql并知道查询结构和命名是否相同的人。

例如,我目前正在为gatsby-source-prismic使用类似下面的内容。

我已经阅读了这两个插件的文档,并且还看到其他人提出了类似的问题。gatsby-source-prismic的文档将其作为命名约定

所有文档都从您的存储库中提取并创建为 prismic${contentTypeName} 和 allPrismic${contentTypeName},其中 ${contentTypeName} 是文档内容类型的 API ID。

如果我想切换到 gatsby-source-prismic-graphql 或者他们是否使用相同的命名约定,我是否必须重新编写所有查询?

0 投票
1 回答
207 浏览

vue.js - 在 prismic nuxtjs 中将部分显示为序列化的 html

我是 Prismic 的新手,并尝试使用它来拉页面PrismicDOM.RichText.asText并且它有效,但是当我尝试使用 显示一个部分/字段asHtml时,它显示一个文字 html 代码。一直在搜索文档并尝试了HTML 序列化器,但仍然无法正常工作。也许我错过了什么。

0 投票
2 回答
161 浏览

reactjs - 从 Prismic 和 GatsbyJS 过滤查询

在我的 gatsby 站点中看到查询 Prismic 数据源并按内容关系过滤的一些奇怪行为。我正在尝试创建一个页面,根据传递到此页面的类别过滤一些产品。阅读 Prismic 和 Gatsby 文档,我应该能够使用该where子句过滤数据,但是当我尝试构建时出现此错误

以下是查询的相关部分

有人遇到过这种情况或知道如何解决吗?

0 投票
3 回答
1068 浏览

graphql - 来自棱镜的graphql-codegen错误响应

尝试使用 graphql-codegen 从 Prismic 生成类型时,出现以下错误:

我猜它似乎正在返回 HTML(因此是<)。如果我在 Chrome 中访问 graphql url,我会得到 graphiql-editor。如果我转到 Postman 中的 url,我会收到missing query parameter(这是预期的)错误,因此该路径似乎在这些环境中有效。我需要与 Prismic 一起使用的特定配置吗?

0 投票
1 回答
1189 浏览

reactjs - TypeError:无法读取未定义的属性“棱镜”

我正在使用 Gatsby/GraphQL/Prismic 开发一个项目。当我尝试使用 GraphQL 从 Prismic API 获取数据时,会弹出此错误。

在此处输入图像描述

但是,当我在 GraphiQL 浏览器上查询请求时,它会从 API 获取数据。但是在 Component 中使用它时会抛出错误。

这是我的合作伙伴.js 组件

这是我的 gatsby-config.js

我无法从 gatsby-source-prismic-graphql 的 github 页面找到我的问题的解决方案。有人遇到同样的问题吗?

0 投票
1 回答
216 浏览

rest - 不带 Master Ref 的 Prismic 查询最新文档

如何在无需指定 Master ref 查询的情况下查询 prismic REST api 以获取最新文档?

目前我必须指定ref获得结果的关键:

当我不提供时,API 会返回以下消息ref