Gatsby <div>仅在刷新时出现
Gatsby是一个基于React的现代静态网站生成器，可用于创建快速、高效、安全且易于维护的静态网站。它通过预先生成网页内容并将其部署到全球分布的 CDN 上来提供快速的加载速度，同时还支持动态数据获取和服务器渲染。
优势：
- 高性能：Gatsby 使用预渲染技术，将网站的静态页面提前生成并缓存到 CDN 上，使用户能够以最快的速度加载页面，提供卓越的性能和用户体验。
- 安全可靠：Gatsby 通过构建过程中的代码优化和安全检查，确保生成的静态网站不存在常见的安全漏洞，并提供可靠的网站备份和还原功能。
- 易于维护：Gatsby 遵循现代前端开发的最佳实践，使用React组件化开发模式和GraphQL数据查询语言，使代码易于组织、理解和维护。
- 生态丰富：Gatsby 拥有庞大的插件生态系统，可以轻松地添加各种功能和扩展，如SEO优化、社交分享、图片压缩等。
应用场景：
- 静态博客和文档网站：Gatsby 的静态生成特性非常适合用于构建博客、文档网站等内容驱动型网站，能够快速生成静态页面，提供良好的性能和用户体验。
- 公司官网和产品页面：Gatsby 可以帮助企业快速构建高性能的官网和产品页面，提升品牌形象，并为用户提供流畅的浏览体验。
- 电子商务网站：Gatsby 可以与后端系统集成，生成动态内容和商品列表，并通过预渲染技术提供快速加载速度，提升用户购物体验。
腾讯云相关产品： 腾讯云提供了一系列与静态网站部署和CDN加速相关的产品，可以结合Gatsby使用，包括：
- 云服务器（CVM）：提供可弹性伸缩的虚拟机，用于部署Gatsby生成的静态网站。
- 云存储（COS）：提供海量、安全、低成本的对象存储服务，用于存储Gatsby生成的静态页面和相关资源文件。
- 内容分发网络（CDN）：通过全球分布的节点加速静态资源的访问，提供快速的加载速度和更好的用户体验。
- 云解析DNS（DNSPod）：提供高性能的全球分布式DNS解析服务，将域名解析到部署在腾讯云上的Gatsby静态网站。
产品链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 云解析DNS（DNSPod）：https://cloud.tencent.com/product/cns
相关·内容
我正在使用gatsby develop，当我为我的一个组件输入这段代码时，它运行fin并创建div，但是当我刷新页面时，它为行'container.appendChild(circle);‘提示错误'Cannot read properties of null (read 'appendChild')’。为什么我刷新页面时只出现这个问题，我该如何解决这个问题？ const Fun = () => {
const container = document.getElementById('container');
let ro
浏览 765提问于2021-10-11得票数 1
回答已采纳
1回答
我有一个托管的Gatsby静态站点，所有的东西在生产中都很好，并且能够刷新。即使在生产中，我也可以毫无问题地刷新，但是当我单击指向一个新页面()的链接时，它将非常完美地加载。此问题是在我刷新新链接时出现的。所有的css都消失了。
这里发生了什么事？
index.js
// Imports: Dependencies
import React from 'react';
import { Helmet } from 'react-helmet';
// Imports: Pages
import Home from '../pages/Home'
浏览 4提问于2020-05-12得票数 5
回答已采纳
1回答
在Gatsby中使用React.lazy时，在制作production( gatsby build)时会出现错误，在Gatsby项目中使用React.lazy和suspense的最佳方式是什么
浏览 43提问于2020-07-24得票数 3
回答已采纳
尝试登录时，我的Gatsby+Auth0应用程序出现错误。下面是错误：
TypeError: Cannot read property 'idTokenPayload' of undefined
(anonymous function)
src/utils/auth.js:1
> 1 | import auth0 from "auth0-js"
2 | import { navigate } from "gatsby"
3 |
4 | const isBrowser = typeof window !== "undef
浏览 18提问于2019-11-03得票数 0
1回答
我已经使用Netlify代码片段注入功能在我的网站中插入了一个脚本，并使用div访问它 <div data-mantis-zone="captain-jack"></div> 当我从主页导航到<div>所在的博客文章时，它只在我刷新页面时加载。 当我来自另一个页面时，有没有办法强制Gatsby刷新div？
浏览 23提问于2021-02-09得票数 1
回答已采纳
我的问题似乎是孤立于结合了@emotion/react的css和withTheme以及@emotion/styled的styled的组件。最初，许多零部件加载时未设置样式，但样式会在浏览器刷新后弹出。
每个组件看起来都像这样
components
|- AppBar
|- AppBar.jsx // exports UnstyledAppBar functional React component
|- styles.js // exports styles() which uses props.theme and returns css`...`
|- index.js // e
浏览 1提问于2021-03-13得票数 2
我有一个简单的Gatsby网站使用两种语言。在header组件中，有一个指向第二种语言的链接，当单击该链接时，该语言将成为所选语言，另一种语言必须作为选项出现。一切正常，但在不刷新页面的情况下不会加载这些更改。我做错了什么？下面是我的代码： import { Link } from "gatsby"
import PropTypes from "prop-types"
import React from "react"
import AnchorLink from "react-anchor-link-smooth-scroll"
浏览 16提问于2020-12-20得票数 0
回答已采纳
1回答
我正在使用Gatsby/GraphQL/Prismic进行一个项目。当我试图使用GraphQL从Prismic获取数据时，出现了这个错误。
但是，当我在GraphiQL浏览器上查询请求时，它是从API获取数据。但是当在组件内部使用它时，它就会抛出错误。
这是我的partners.js组件
import React, { Component } from 'react';
import { graphql } from 'gatsby';
import Swiper from 'react-id-swiper';
export cons
浏览 2提问于2019-11-17得票数 1
好吧，小伙子们对graphql很陌生，在我的gatsby应用程序中有这种奇怪的行为。我使用strapi作为后端，并从gatsby进行静态查询。
const data = useStaticQuery(graphql`
query MyQuery {
allStrapiCategory {
edges {
node {
name
strapiId
}
}
}
}
`)
当查询名设置为“MyQuery”时，上面的查询工作良好。
浏览 3提问于2021-12-29得票数 0
回答已采纳
1回答
我目前正在使用Gatsby创建一个网站，并使用gatsby-source-wordpress插件从Wordpress中查询数据。在我的gatsby-node文件中，我设置了基于帖子类别动态创建网页。当我尝试运行按类别段塞排序和按post日期过滤的查询时，收到一个错误："Error: The result of this StaticQuery not be fetched“。 有没有人能看看这个，让我知道我到底哪里错了？ gatsby-node文件： const path = require('path')
module.exports.createPages =
浏览 17提问于2019-12-05得票数 0
当我将state与gatsby组件一起使用时，Link可以在我使用gatsby develop进行测试时工作，但在使用gatsby build时失败，并出现关于undefined内容的错误。终端显示的错误消息是WebpackError: TypeError: Cannot read property 'info' of undefined我尝试通过两种不同的方法检查undefined，但都不起作用。我不知道我必须做些什么来解决这个问题。第一个测试： if (!location.state.info) {
return null
} else 第二次测试 if (typ
浏览 9提问于2020-11-27得票数 3
回答已采纳
2回答
我有一个用Gatsby版本2制作的页面，我想在一个flexbox容器中用gatsby-image制作组件。当我删除display: flex;属性时，图像就会出现，当容器是flex容器时，图像就会消失。
当我在开发工具中查看Gatsby应用的CSS样式时，我尝试逐个取消选择属性。当我取消选择position: absolute;属性时，图像会出现，但它的大小或位置不正确。
我还尝试在容器上设置flex-direction: column;，这会使两个图像中的第二个图像出现。但是，我更希望这个值是row。
在图像上设置overflow: visible !important;未使图像显示。
im
浏览 40提问于2019-07-08得票数 12
回答已采纳
2回答
我在Gatsby@2.2.10创建了一个网站。当我运行gatsby build并检查生成的html时，对于每个页面，我看到的都是一个空的div：<div id="___gatsby"></div。html包含样式表、javascript文件和运行应用程序所需的所有内容(顺便说一句，它是工作的)。
即使我curl产品的url，同样的div也会出现并且是完全空的。我也试过禁用javascript，得到的只是一个空白页面。我的配置不包含任何花哨的东西：
module.exports = {
siteMetadata: {
title
浏览 15提问于2019-03-26得票数 10
1回答
我有一个问题，包括快弹簧到我的盖茨比项目。问题是:我在html head中添加了脚本，但是它并不适用于所有页面(只有当我刷新页面时才能工作)我尝试通过在html.js中插入脚本来修复这个问题，使用gatsby-ssr.js和gatsby-brser.js。
gatsby-browser.js
我在gatsby-ssr.js中输入了相同的代码，我也尝试过使用头盔，但是没有什么对我有效--我希望它可以在所有页面上工作，而不需要刷新页面，这样如果有人能帮我做这件事的话。谢谢！)
浏览 1提问于2021-06-12得票数 2
回答已采纳
我正在尝试创建一个图库，其中填充了src/projects/artwork目录中的..png。
我正在使用GraphQl，盖茨比，盖茨比-插件-锐利，盖茨比-插件-锐利
gatsby-config.js
module.exports = {
plugins: [
`gatsby-plugin-sass`,
`gatsby-transformer-remark`,
`gatsby-plugin-sharp`,
`gatsby-transformer-sharp`,
`gatsby-plugin-image`,
{
resolve:
浏览 11提问于2021-12-24得票数 0
1回答
我有一个gatsbyjs站点，我使用S3和CloudFormation托管它。 如果我导航到/blogs页面，我总是首先到达根页面。之后导航就可以正常工作了。 在我的机器上，使用gatsby develop或gatsby build && gatsby serve都可以工作。然后，我可以导航到localhost:9000/blogs并查看blog页面。当我将所有东西部署到云存储桶(+ S3和一个域)并导航到quadroid.net/blogs时，我最终会出现在主页的根页面上。 我在chrome的网络选项卡中找不到任何重定向。在查看/blogs时刷新页面确实会再次导航到主页。
浏览 15提问于2020-08-23得票数 0
1回答
我想使用Gatsby创建静态站点。我的问题是，我可以为gatsby-config.json中的所有页面(路由)添加所有元数据吗？
以下是Gatsby配置的示例：
module.exports = {
siteMetadata: {
title: 'Gatsby Default Starter',
},
plugins: ['gatsby-plugin-react-helmet'],
};
浏览 2提问于2018-08-27得票数 0
我有一个Gatsby站点，在那里我使用React上下文来提供主题(标题、页脚、样式等等)现在我想将最后的构建时间添加到页脚中。最后更新日期:11月13日23:08我该怎么做？
显然，如果我只是将buildTime放在上下文提供程序中或创建它的React组件中的任何地方，那么时间将随着每次刷新而更新(而不是每次构建)。
我想我应该能够在gatsby-node.js createPages API中设置createPages，然后在pageContext中传递buildTime。但是，在将其传递下来之后，我需要将其传递给<ThemeContext.Consumer>。我不能把道具传递给
浏览 1提问于2019-03-13得票数 3
回答已采纳
我第一次测试盖茨比和GraphQl，我正在尝试一个简单的例子.
当我想通过布局中的GraphQl请求显示标题时出现了此错误？：Uncaught TypeError:无法读取未定义的的属性'site‘
这是我的布局：
import React from 'react'
import { graphql } from 'gatsby'
export default ({ children, data }) =>
<div style={{margin: 'auto', maxWidth: 760}}>
<h
浏览 0提问于2018-10-12得票数 9
回答已采纳
我正在使用brotli插件来压缩我在gatsby中的包：https://github.com/ovhemert/gatsby-plugin-brotli 插件配置如下： {
resolve: "gatsby-plugin-brotli",
options: {
extensions: ["css", "html", "js", "svg", "ttf"],
},
},
} 由于某些原因，它似乎只有当我在本地机器(本地主机:9000)上&#
浏览 38提问于2020-12-12得票数 1
回答已采纳
2回答
通过安装以下软件包，我在gatsby中使用redux：
react react-redux gatsby-plugin-react-redux
这是store.js文件：
import { createStore } from 'redux';
import { reducer } from './reducer';
export default (preloadedState) => {
return createStore(reducer, preloadedState);
};
gatsby-config.js
module.exports
浏览 4提问于2020-11-16得票数 0
回答已采纳
我正在尝试通过Gatsby使用一个starter模板来创建一个React站点。我对Gatsby starter进行了大量定制。我有几个私人路由，我限制登录的用户。这些内部页面似乎完美地呈现在本地开发服务器(gatsby develop)上，当我第一次运行gatsby build和gatsby serve时，它们似乎呈现得很好，但当我单击刷新时，我的页眉和站点其余内容的一部分被切断(如，，甚至不可用，甚至无法滚动到页眉和顶部内容，它根本不会返回屏幕)。我试图弄清楚为什么会发生这种off行为，以及为什么它似乎只出现在生产版本中。我在gatsby develop中没有看到类似的结果。
我一直在构建我
浏览 2提问于2019-06-25得票数 1
1回答
概述
我使用盖茨比环境。
由于gatsby中使用graphql，所以使用了useStaticQuery。
它在开发环境(gatsby develop)中工作很好，在构建后的环境(gatsby build && gatsby serve)中，出现了类似标题的错误。
错误文本
错误:无法获取此StaticQuery的结果。
这可能是盖茨比中的一个错误，如果刷新页面没有修复它，请在中打开一个问题。
错误码
const data = useStaticQuery(
graphql`
query {
allArticle(sort: { order:
浏览 3提问于2021-11-11得票数 2
回答已采纳
我正在开发一个使用gatsby框架的小网站，但我在动态导入和webpack提供的热重新加载方面遇到了困难。
下面是我的react组件：
import React from 'react'
import styles from './_frame.module.scss'
class Frame extends React.Component {
constructor(props) {
super(props);
this.frame = React.createRef();
}
render() {
return (
浏览 17提问于2019-09-10得票数 2
好吧，我对JAMstack、React、GatsbyJS、NetlifyCMS和Netlify都很陌生，所以如果这很简单的话，请原谅我。
我有一个使用React和GatsbyJS运行的站点，NetlifyCMS也在运行以控制内容。在大多数情况下，该站点运行良好，但是当涉及到不同环境之间的图像时，我仍然会遇到一个问题。
当我通过NetlifyCMS将图像添加到任何页面的正文部分时，我会拉出回购图像--图像不会出现，而是被损坏的图像图标所取代。然而，当它在Netlify上运行时，它似乎工作得很好。
偶尔，它会出现，但在推送、拉或重新启动盖茨比开发服务器后，它就会再次崩溃。
它似乎只发生在通过Net
浏览 0提问于2019-03-24得票数 1
回答已采纳
我试图在我的WordPress/Gatsby构建中输出一个ACF编辑器作为HTML。我创建了一个字段，但是当我运行gatsby开发时，出现的文本如下：
<p><a href="#">My link</a></p>
我想我需要使用一个库。
我使用npm安装了这个包，并使用import parse from 'html-react-parser'导入了html解析器
每当我试图解析我的anything字段时，它似乎什么也不做。不太确定我错过了什么：
<div class="wrapper&
浏览 0提问于2020-05-22得票数 1
回答已采纳
我正在使用Gatsby与React，并试图实现一个Calendly预订系统。挺管用的。问题是在第一次加载时，它给了我错误
TypeError: Cannot read property 'initInlineWidget' of undefined
在这里看到的
如果刷新页面，Calendly对象将加载并呈现得很好。
我想知道在useEffect中是否可以做些什么来避免这个问题。
import React, { useEffect } from "react"
import Layout from "../components/
浏览 3提问于2021-05-19得票数 1
回答已采纳
我正在使用Gatsby 1.4.0
我想有多个按钮在一个网站，链接到同一页，但与不同的搜索查询。例如，虚拟页面中的两个按钮。：
Link A -> Routes to '/test/?name=john
Link B -> Routes to '/test/?name=peter
我想使用从‘盖茨比链接’将用户路由到一个新的路径，这样页面就不会刷新。
问题
在导航时，布局文件将按预期重新呈现，但不会重新呈现页面文件。只有当我重新加载页面时，正确的查询才会传递到我的页面文件中。
布局/index.js文件(简化)：
render() {
console.log
浏览 0提问于2017-09-06得票数 4
我像这样使用gatsby netlify插件： resolve: `gatsby-plugin-netlify`,
options: {
headers: {
"/*.js": [
"cache-control: public, max-age=31536000, immutable",
],
"/*.css": [
"cache-control: public, max-age=31536
浏览 11提问于2019-06-05得票数 3
我正在使用创建一个面包屑列表。
因为我想在不是根页面的页面上显示面包屑列表，所以我们将Breadcrumb component放在layout.tsx中，如下所示。
const Layout = ({ location, crumbLabel, children }) => {
return (
<>
<Header />
<main>
{location.pathname !== "/" && (
<Breadcrumb
浏览 4提问于2021-04-18得票数 1
回答已采纳
1回答
我的Gatsby应用程序托管在Azure存储帐户中。当我第一次访问这个站点时，它没有显示404，但经过刷新之后，它显示了404错误。这些问题无法在本地环境和gatsby云服务器中重新创建。
浏览 5提问于2022-07-18得票数 0
1回答
gatsby配置文件加载脚本
、、、、
我正在尝试使用gatsby-config.js包从gatsby-plugin-load-script加载几个脚本。基本上，所有脚本都依赖于https://cdnjs.cloudflare.com/ajax/libs/three.js/r83/three.min.js脚本。
因此，当我运行gatsby develop时，所有的脚本都被加载并很好地运行，我会访问我的本地主机，一切看起来都很好。在此之后，我刷新页面，脚本运行，但由于three.min.js比其他脚本更大(因此需要更长的时间来执行)，其他脚本在运行时失败。脚本也被缓存了。
我想知道是否有一种方法可以顺序执行脚本，或者在脚本每次运行时都
浏览 7提问于2020-05-16得票数 1
3回答
运行Gatsby site one Netlify。每次用户访问该站点时，它都会显示一个缓存的版本，并需要刷新以获取最新版本。显示的版本可以是几个月前的，这取决于用户(可能是浏览器)最后一次访问站点的时间。在一次刷新之后，它会显示更新版本。 这是Gatsby还是Netlify的问题？可以在服务器上设置TTL吗？ site
浏览 71提问于2020-10-19得票数 0
像许多人一样，我想要做的就是能够在NetlifyCMS中使用一个简单的gastby博客。有一秒钟，我能够让一张图片出现，但此后就再也没有出现过。我从其他帖子中尝试了无数的解决方案，但一无所获。现在已经有3天了。
我得到了一个常识：
Field "image" must not have a selection since type "String" has no subfields
有没有人可以看看我的代码，看看我是不是遗漏了什么？
config.yml
backend:
name: github
branch: development
repo:
浏览 2提问于2020-11-05得票数 3
每当我点击刷新按钮时，大约需要300ms才能使样式生效。我看不出我应该错过什么，因为我已经遵循了很多指南，关于在Gatsby中设置顺风。
// tailwind.config.js
module.exports = {
purge: ["./src/**/*.js", "./src/**/*.jsx"],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {},
fontFamily: {
display: ["So
浏览 3提问于2021-01-31得票数 1
我需要停止映射xpath中的元素，但是在映射下面的元素时遇到了问题。除了xpath之外，我无法获得任何其他映射方法。 ? 我的主页http://drive-thru-hml.s3-website-us-west-2.amazonaws.com/login/primeiro-acesso *带有映射元素的我的页面* element :txt_cpf_branco, :xpath, '//*[@id="gatsby-focus-wrapper"]/div/div/div/main/div/div/div[2]/form/div[1]/div[1]/span&#
浏览 15提问于2021-01-24得票数 0
回答已采纳
1回答
我有一个托管在Netlify上的Gatsby网站。当我部署一个新版本时，在页面刷新之前，我对站点所做的更改是不可见的。有人知道为什么会这样吗？ 我使用的是gatsby-plugin-offline & gatsby-plugin-manifest。我看到我可以安装gatsby-plugin-remove-serviceworker插件来删除服务工作者，但如果可能的话，我想继续使用它。 这是一个很难搜索的问题，因为我得到了有关本地目录中.cache文件夹的结果
浏览 15提问于2019-10-04得票数 6
1回答
最近，我使用Gatsbyjs (并使用GC)发布了我的第一个网站: Site：
然而，由于创始人想要使用分析和cookie，我来到了'React-cookie-consent‘软件包。当第一次安装时，它似乎工作得很好。然而，一周后，它突然消失了。当我试图修复它时，它仍然可以在Gatsbyjs中构建。您可以在我的package.json中找到我的最新版本--我可以看到以下内容：
“
dependencies": {
"@fortawesome/fontawesome-svg-core": "^6.1.1",
"@fortaw
浏览 12提问于2022-07-07得票数 -1
回答已采纳
我正在挖掘如何在盖茨比中实现Facebook插件。我正在处理三个问题：
1)将Facebook脚本插入标头，然后遍历页面并呈现插件(呈现XFBML标记).
这可以通过手动在文件中插入或只使用来完成。两个人都干这活。
2)将FB代码(XFBML标记)放置在希望呈现插件.的地方。
由于在Gatsby页面中生成了React，所以需要使用dangerouslySetInnerHTML示例：
<div
dangerouslySetInnerHTML={{
__html: '
<div class="fb-like"
浏览 0提问于2019-05-05得票数 3
在我的Gatsby网站上，我已经将提供Facebook Messenger图标的脚本放到了我的网站的gatsby-ssr.js / gatsby-browser.js和src/components/MessengerChat.js文件中。
// gatsby-ssr.js & gatsby-browser.js
import React from "react";
import Layout from "./src/components/layout";
import MessengerChat from "./src/components/Me
浏览 12提问于2021-09-24得票数 1
尝试在Gatsby站点中创建动画时，出现以下错误：
12:57:12:665 (ScrollMagic.Scene) -> ERROR calling setTween() due to missing Plugin 'animation.gsap'. Please make sure to include plugins/animation.gsap.js
我找到了参考资料将插件添加到gatsby-config.js中，还有gatsby-browser.js，但没有确切地说明如何编写插件添加的代码。
当前gatsby.config.js：
module.exports
浏览 0提问于2018-06-08得票数 2
我正在使用gatsby和gatsby，我希望img标记(Logo组件)在被呈现为html时具有一个className of logo，gatsby图像文档说，如何将它传递给道具。我仍然不太理解反应，所以需要帮助理解这里是我的代码。
logo.js
import React from "react"
import { StaticQuery, graphql } from "gatsby"
import Img from "gatsby-image"
/*
* This component is built using `gatsby-imag
浏览 1提问于2019-03-03得票数 2
回答已采纳
2回答
我使用了一个取自Netlify相关文档的简单表单：
<form name="contact" action="/" method="post" data-netlify="true">
<div className="field">
<label htmlFor="name">Name</label>
<input type="text" name="name" id=&#
浏览 0提问于2019-03-06得票数 2
在将我的gatsby站点部署到Netlify时，我收到这个错误: WebpackError: ReferenceError: window is not defined，这是我的代码：
import React, { useState } from "react";
import { Link } from "gatsby";
// components
import Layout from "../components/Layout/Layout";
import SEO from "../components/seo";
浏览 2提问于2019-12-11得票数 1
我试图使用gatsby-plugin-google-gtag和自定义cookie提示组件在Gatsby站点上实现跟踪验收。
当前，跟踪代码正在设置和工作，cookie提示组件正在有条件地呈现，这取决于用户以前是否就跟踪进行了选择。失败的地方是尝试根据用户的选择有条件地设置anonymize_ip。我尝试基于true/false中的三元语句设置gatsby-config.js，但这似乎会导致终端中与GraphQL相关的登录问题(而不是链接)出现错误。
anonymize_ip: document.cookie.match(/^(.*;)?\s*ga-disabled\s*=\s*[^;]+(.*
浏览 17提问于2022-08-08得票数 0
我有一个trustpilot小部件，它在初始加载时渲染得很好。然后，当我更改页面时，trustpilot小部件返回到默认徽标，没有显示任何数据。
我尝试删除componentDidMount中的外部trustpilot js，然后将其添加回来，以尝试刷新，但不起作用。
我想我可以再次手动添加trustpilot html。在gatsby中有办法做到这一点吗？这会奏效吗？下面的代码不起作用。
$('#trustpilot').after('<div class="trustpilot-widget trustpilot-carousel" data-
浏览 2提问于2021-02-16得票数 2
3回答
我使用Gatsby + Strapi堆栈。图像上传到strapi，然后通过gatsby-source-strapi插件下载，因为gatsby-image只适用于本地图像。
GraphQL query:
allStrapiRestaurant {
edges {
node {
logo{
childImageSharp {
fluid{
...GatsbyImageSharpFluid
}
}
浏览 55提问于2019-08-07得票数 3
2回答
我在Gatsby上运行了一个博客，每次我推送和部署新的博客文章时，我都需要在页面上刷新一下以查看新的数据。
我试着遵循的建议并添加一个onServiceWorkerUpdate函数，但这似乎没有起到任何作用。
任何人都有解决这个问题的办法，如果是的话，会有一种在本地测试的方法吗？在gatsby开发模式下测试时，更改已经自动更新。
这是我的gatsby-browser.js文件的全部内容。
export const onServiceWorkerUpdateReady = () => window.location.reload();
浏览 1提问于2021-05-27得票数 1
回答已采纳
解释：
此代码可以工作(用于gatsby develop或gatsby build & gatsby serve)，但是如果我不使用onAccept=()执行代码{() => window.location.reload()}无法正常工作，因为只是加载我的cookie -> (gatsby google-analytics= true)，但是没有同时加载cookies，而且我必须使用onAccept刷新。知道如何在不强制刷新的情况下同时加载所有cookie吗？
我的代码：
// gatsby-config.js
{
resolve: `gatsby-plugi
浏览 4提问于2021-01-15得票数 1
我正在尝试使用带有gatsby-plugin图片的React-slick，我的页面设置如下。
import React from "react";
import { graphql } from "gatsby"
import Slider from "react-slick";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import { GatsbyImage } from
浏览 11提问于2021-03-11得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
