问题标签 [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.
next.js - 应用程序在本地工作但不在生产环境中:TypeError:无法读取未定义的属性“titulo_categoria”
我正在尝试使用 Prismic 作为 CMS 部署应用程序,并且一切都在本地完美运行,但是一旦我部署到 vercel,我就会收到错误消息:
当它试图从 Prismic 获取数据时似乎有问题。我的代码如下:
从 Prismic 获取数据的 API 代码是:
知道这有什么问题吗?我一整天都在试图弄清楚,但没有任何运气
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 中的“子查询”的方式定义我的架构?
progressive-web-apps - 带有 Onesignal、Nuxtjs 和 Prismic CMS 的动态推送通知
我正在使用 Nuxtjs 构建一个 PWA,它从prismic api获取博客内容。OneSignal 已按照此处提供的文档安装和配置,我能够为用户订阅该应用程序并通过 OneSignal 的仪表板提供欢迎推送以及其他推送。
我现在想在新内容发布到博客时发送推送通知。任何帮助,将不胜感激。
编辑
每当用户访问https://example.com/blog时,我都会触发推送通知。注意:棱镜按最新帖子排序,因此this.docs[0]
从数组中获取最新文章。
gatsby - 为什么静态查询在 Storybook 中不起作用?
描述
我在 Storybook 中为任何使用的组件获取“加载(静态查询)”,StaticQuery
并且“无法获取此静态查询的结果”。在 Storybook 中用于任何使用useStaticQuery
. 一切似乎在本地和构建时都可以正常工作,但是在 Storybook 中我得到了这个:
最小复制:https ://github.com/mrseanbaines/gatsby-storybook-static-query
重现步骤
- 克隆 repo (
git@github.com:mrseanbaines/gatsby-storybook-static-query.git
) - 运行故事书 (
yarn storybook
)
预期结果
组件应该呈现
实际结果
我得到了错误
环境
用于gatsby-source-prismic-graphql
获取数据。也发生在@prismicio/gatsby-source-prismic-graphql
.
nuxt.js - nuxt 模块的动态棱镜端点
在 nuxt.config.js 中,可以这样添加 prismic 模块
可以使用子域值动态填充棱柱端点吗?我们想为多个站点使用相同的代码库,但每个站点都有自己的存储库。
example1.domain.com
example2.domain.com
error-handling - Nuxt 处理来自 Prismic API 的获取错误
我正在用 Nuxt 和 Prismic 作为 CMS 建立一个博客。
我的 nuxt.config.js 看起来像这样:
项目使用构建命令“npm run generate”部署在 Netlify
在 pages 目录中,我有动态链接( _uid.vue ),我使用新的fetch根据路由获取帖子。
这一切都有效!但是我想处理获取错误并显示相应的错误页面。例如,当我们尝试获取的帖子不存在或现在被删除时。我尝试了他们从我上面提供的关于获取的链接中显示的内容,但是我收到错误消息,即帖子未定义。
javascript - 棱镜切片的打字稿类型
我正在使用 Prismic、Gatsby 和 Typescript 构建一个站点。Prismic 的部分吸引力在于切片功能,它允许您创建更易于内容编辑器使用的动态内容部分。我有一个称为SliceZone
映射页面上所有切片的组件:
切片区.tsx
我需要适当地输入所有内容。但是,我收到此错误SliceComponent
,特别是sliceComponents[slice.type]
:
我如何创建一个interface
可以适当输入这个的?如果我的问题有点含糊,我很抱歉,我是 React 和 Typescript 的新手,所以语言对我来说有点过时了。
javascript - Nuxt:每个会话显示一次启动动画
我是 Nuxt 的新手,我想在第一次访问我的网站时向用户展示大约 2 秒的全屏动画 gif。
我假设我可以使用 cookie 来跟踪向谁显示动画屏幕,但我不知道从哪里开始。我的搜索不断提出有关 pwa 和 ios 和 android 的内容,但我主要对在桌面上显示我的动画屏幕感兴趣。
我很乐意显示全屏动画,但我真正想知道的是:
我如何才能简单地判断这是否是用户今天的第一个会话?如果是他们的第一次会议,向他们展示动画。
reactjs - Material UI 自定义类后面的属性
我正在尝试提出申请。而且我想自定义classes.
某些东西之后的值。我希望从我的 API 中获得价值的东西。
我制作了 2 个自定义 CSS 类:
我从我的 API 中得到了新的、改进的词。我想在第一个添加它们这甚至可能吗?就像是classes.entry.entry_tag
因为所有可用的标签都在值 entry.entry_tag 中
javascript - 检查nuxt中的空查询参数
我的 Prismic/Nuxt 项目中有一个搜索页面,它对 Prismic API 进行全文查询。
这段代码将做到这一点
网址是/search/?q=somesearch
问题是,如果我在没有查询参数的情况下点击 /search/ ,它会立即遇到错误Unable to encode undefined of type undefined
,这显然是因为它尝试使用未定义的值查询 API,但我似乎不知道如何制作如果未设置查询,则不查询 API 的有效检查,而是仅显示搜索框。
我试过了
在尝试部分,但这不起作用。