我正试着和盖茨比做一个键盘斗篷的整合。
我希望将环境变量用于Keycloak配置,这样我就可以正确地封装应用程序。关于gatsby-browser.js,我面临一个没有环境变量的问题。
这里是我的gatsby-browser.js:
import React from 'react'
import { node } from 'prop-types'
import Keycloak from 'keycloak-js'
import { KeycloakProvider } from '@react-keycloak/web'
i
我正在开发一个使用Gatsby和Nginx为静态文件服务的静态网站。
我还使用 docker 进行测试和生产,使用Traefik将流量路由到应用程序的停靠容器。
我在应用程序文件中定义了一个环境变量,该环境变量是从应用程序根文件夹中的.env文件中调用的。
但是,当在应用程序中调用该环境变量时,它会引发一个错误:
未定义
,这是代码
Dockerfile
# Set base image
FROM node:latest AS builder
# Set working directory
WORKDIR /app
# Copy package.json and install pack
我试着用和从unsplash加载图像:
gatsby.config.js:
{
resolve: `gatsby-source-unsplash`,
options: {
appId: `${process.env.GATSBY_API_KEY}`,
collections: [
`70643713`
],
// optional: will only get page 1, so increase this count to include > 10 photos
我收到这个错误“无法查询类型"StrapiHomesGalleryImageFormatsMedium”上的字段" childimagesharp“为我挑选的任何儿童menu变量,即使他们在左边的菜单上是可选的。我不明白为什么在其他一切都正常的情况下它是不可查询的。 ? 应用程序代码- import React from "react"
import { graphql, Link } from "gatsby"
import Image from "gatsby-image"
import ImageGallery f
我正在尝试找出如何使用graphql查询将图库图像映射到Gatsby中的lightbox组件。我认为我需要设置images = to the childimage sharp array,但我不确定如何构造它,不断收到undefined错误。任何指针都将受到极大的感谢。如果需要更多信息,请告诉我。 import React from "react"
import { graphql, Link } from "gatsby"
import Image from "gatsby-image"
import ImageGallery from
我的内容来自一个应用程序接口(本例中是Gatsby),所以我按照推荐使用了dangerouslySetInnerHTML。问题是,它扰乱了我的样式,特别是网格。我有一个这样的html标记:
<article>
<h2>Title of the post<h2>
<small>Date of the post</small>
<div dangerouslySetInnerHTML={{ __html: post.html }} />
</article>
此<article