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

next.js - 应用程序在本地工作但不在生产环境中:TypeError:无法读取未定义的属性“titulo_categoria”

我正在尝试使用 Prismic 作为 CMS 部署应用程序,并且一切都在本地完美运行,但是一旦我部署到 vercel,我就会收到错误消息:

当它试图从 Prismic 获取数据时似乎有问题。我的代码如下:

从 Prismic 获取数据的 API 代码是:

知道这有什么问题吗?我一整天都在试图弄清楚,但没有任何运气

0 投票
1 回答
208 浏览

reactjs - 嵌套 GraphQL 查询以显示 React / GatsbyJS 中的最新博客文章

我正在 Gatsby / React 中建立一个具有 2 种内容类型的网站:页面帖子,并通过 GraphQL(在 Prismic 中)查询我的数据。

我想在页面上包含一个“最近的新闻”模块,显示最新的博文。

我的问题如下:

有没有办法直接在我的模块中访问数据,而不通过每个父 React 组件传递数据?

在这种情况下,我使用的是 Prismic,但我猜同样的情况可能适用于 Contentful、Sanity 或任何其他无头 CMS。

这就是我查询数据的方式:

我正在寻找一种方法来实现:

现在我收到以下错误: error Cannot query field "allPosts" on type "PRISMIC_PageBodyNews" graphql/template-string这是有道理的,因为allPosts在当前架构中是不允许的。

但是,在我尝试更改我的架构之前,我想知道是否有可能以允许 GraphQL / Prismic 中的“子查询”的方式定义我的架构?

0 投票
1 回答
178 浏览

progressive-web-apps - 带有 Onesignal、Nuxtjs 和 Prismic CMS 的动态推送通知

我正在使用 Nuxtjs 构建一个 PWA,它从prismic api获取博客内容。OneSignal 已按照此处提供的文档安装和配置,我能够为用户订阅该应用程序并通过 OneSignal 的仪表板提供欢迎推送以及其他推送。

我现在想在新内容发布到博客时发送推送通知。任何帮助,将不胜感激。

编辑

每当用户访问https://example.com/blog时,我都会触发推送通知。注意:棱镜按最新帖子排序,因此this.docs[0]从数组中获取最新文章。

0 投票
1 回答
362 浏览

gatsby - 为什么静态查询在 Storybook 中不起作用?

描述

我在 Storybook 中为任何使用的组件获取“加载(静态查询)”,StaticQuery并且“无法获取此静态查询的结果”。在 Storybook 中用于任何使用useStaticQuery. 一切似乎在本地和构建时都可以正常工作,但是在 Storybook 中我得到了这个:

最小复制:https ://github.com/mrseanbaines/gatsby-storybook-static-query

重现步骤

  1. 克隆 repo ( git@github.com:mrseanbaines/gatsby-storybook-static-query.git)
  2. 运行故事书 ( yarn storybook)

预期结果

组件应该呈现

实际结果

我得到了错误

环境

用于gatsby-source-prismic-graphql获取数据。也发生在@prismicio/gatsby-source-prismic-graphql.

0 投票
0 回答
89 浏览

nuxt.js - nuxt 模块的动态棱镜端点

在 nuxt.config.js 中,可以这样添加 prismic 模块

可以使用子域值动态填充棱柱端点吗?我们想为多个站点使用相同的代码库,但每个站点都有自己的存储库。

example1.domain.com

example2.domain.com

0 投票
2 回答
1685 浏览

error-handling - Nuxt 处理来自 Prismic API 的获取错误

我正在用 Nuxt 和 Prismic 作为 CMS 建立一个博客。

我的 nuxt.config.js 看起来像这样:

项目使用构建命令“npm run generate”部署在 Netlify

在 pages 目录中,我有动态链接( _uid.vue ),我使用新的fetch根据路由获取帖子。

这一切都有效!但是我想处理获取错误并显示相应的错误页面。例如,当我们尝试获取的帖子不存在或现在被删除时。我尝试了他们从我上面提供的关于获取的链接中显示的内容,但是我收到错误消息,即帖子未定义。

我在GitHub 上的项目

0 投票
1 回答
1207 浏览

javascript - 棱镜切片的打字稿类型

我正在使用 Prismic、Gatsby 和 Typescript 构建一个站点。Prismic 的部分吸引力在于切片功能,它允许您创建更易于内容编辑器使用的动态内容部分。我有一个称为SliceZone映射页面上所有切片的组件:

切片区.tsx

我需要适当地输入所有内容。但是,我收到此错误SliceComponent,特别是sliceComponents[slice.type]

我如何创建一个interface可以适当输入这个的?如果我的问题有点含糊,我很抱歉,我是 React 和 Typescript 的新手,所以语言对我来说有点过时了。

0 投票
1 回答
307 浏览

javascript - Nuxt:每个会话显示一次启动动画

我是 Nuxt 的新手,我想在第一次访问我的网站时向用户展示大约 2 秒的全屏动画 gif。

我假设我可以使用 cookie 来跟踪向谁显示动画屏幕,但我不知道从哪里开始。我的搜索不断提出有关 pwa 和 ios 和 android 的内容,但我主要对在桌面上显示我的动画屏幕感兴趣。

我很乐意显示全屏动画,但我真正想知道的是:

我如何才能简单地判断这是否是用户今天的第一个会话?如果是他们的第一次会议,向他们展示动画。

0 投票
1 回答
22 浏览

reactjs - Material UI 自定义类后面的属性

我正在尝试提出申请。而且我想自定义classes.某些东西之后的值。我希望从我的 API 中获得价值的东西。

我制作了 2 个自定义 CSS 类:

我从我的 API 中得到了新的、改进的词。我想在第一个添加它们这甚至可能吗?就像是classes.entry.entry_tag

因为所有可用的标签都在值 entry.entry_tag 中

0 投票
1 回答
599 浏览

javascript - 检查nuxt中的空查询参数

我的 Prismic/Nuxt 项目中有一个搜索页面,它对 Prismic API 进行全文查询。

这段代码将做到这一点

网址是/search/?q=somesearch

问题是,如果我在没有查询参数的情况下点击 /search/ ,它会立即遇到错误Unable to encode undefined of type undefined,这显然是因为它尝试使用未定义的值查询 API,但我似乎不知道如何制作如果未设置查询,则不查询 API 的有效检查,而是仅显示搜索框。

我试过了

在尝试部分,但这不起作用。