我有一个 Gatsby 网站，已经在线平稳运行了 3 个月。 截至 7 月 24 日星期五，我开始收到以下结果，用户只能看到空白屏幕。
This is likely a bug in Gatsby and if refreshing the page does not fix it, please open an issue in https://github.com/gatsbyjs/gatsby/issues
at h (gatsby-browser-entry.js:77)
at O9Ll.t.default (buybike.js:52)
at Ki (react-dom.production.min.js:153)
at Fa (react-dom.production.min.js:175)
at vo (react-dom.production.min.js:263)
at cu (react-dom.production.min.js:246)
at ou (react-dom.production.min.js:246)
at Zo (react-dom.production.min.js:239)
at react-dom.production.min.js:123
at scheduler.production.min.js:19
这是我的package.json
"@reach/dialog": "^0.10.1",
"@reach/tabs": "^0.10.1",
"@reach/visually-hidden": "^0.10.1",
"@stripe/stripe-js": "^1.4.0",
"bootstrap": "^4.4.1",
"dotenv": "^8.2.0",
"gatsby": "^2.23.18",
"gatsby-background-image": "^1.1.1",
"gatsby-image": "^2.3.1",
"gatsby-plugin-create-client-paths": "^2.2.1",
"gatsby-plugin-manifest": "^2.3.3",
"gatsby-plugin-netlify-identity": "0.0.3",
"gatsby-plugin-offline": "^3.1.2",
"gatsby-plugin-prefetch-google-fonts": "^1.4.3",
"gatsby-plugin-react-helmet": "^3.2.1",
"gatsby-plugin-robots-txt": "^1.5.1",
"gatsby-plugin-sharp": "^2.5.3",
"gatsby-plugin-sitemap": "^2.4.3",
"gatsby-plugin-transition-link": "^1.18.0",
"gatsby-remark-responsive-iframe": "^2.3.3",
"gatsby-source-contentful": "^2.2.7",
"gatsby-source-filesystem": "^2.2.2",
"gatsby-source-stripe": "^3.0.7",
"gatsby-transformer-remark": "^2.7.3",
"gatsby-transformer-sharp": "^2.4.3",
"gsap": "^3.2.6",
"netlify": "^4.1.5",
"prop-types": "^15.7.2",
"react": "^16.12.0",
"react-bootstrap": "^1.0.0",
"react-dom": "^16.12.0",
"react-helmet": "^5.2.1",
"react-icons": "^3.10.0",
"react-netlify-identity-widget": "^0.2.7",
"react-spring": "^8.0.27",
"redux": "^4.0.5",
"styled-components": "^5.1.0",
"video-react": "^0.14.1"
},
我的网站托管在 Netlify 上，并且使用 Contentful 作为我的 CMS。该网站可以在这里找到 https://revelwell.com.au/ - 初始页面会加载，但如果您单击任何链接离开该页面，则会发生错误。如果您点击刷新，页面加载效果会很好。
非常感谢任何帮助。 谢谢 詹姆斯
只需将您正在使用 useStaticQuery 挂钩的组件的文件名大写即可。
示例： header.js -> Header.js
然后清除 Gatsby 缓存并重新启动服务器。
这应该可以解决问题。
gatsby 项目刚刚进行了修复 (github.com/gatsbyjs/gatsby/pull/26077/)
现已推出版本 2.24.13
如果你的package.json是：
"gatsby": "^2.23.18"yarn installyarn list gatsby这应该可以解决你的问题（我的问题已经解决了！）。
有时清理缓存可以解决突然出现的 GraphQL 错误：
# Run `npm install -g gatsby-cli` if you haven't installed Gatsby CLI
gatsby clean
gatsby clean到目前为止您尝试过什么？正如 @ksav 所指出的，在 this GitHub thread 中，有多种方法可以解决类似问题：
node_modules.cachenode_modules.cachev2.23.3^2.26.1它似乎与 loading staticQuery bug 有关，无法在全新安装中重现。最后的尝试是删除您的
package-lockyarn-lock.json我们的问题是由于导入错误造成的。我们有一个文件夹设置，其中页面中有一个子文件夹：
-pages
-about-us
-index
-references
-employees
在关于我们的第一个子页面的索引页面中，我们确实导入了这样的组件：
import Index from '../../components/AboutUs';import Index from '../../components/AboutUs/Index';只是想指出这一点，因为 Gatsby 可以创建一条在生产或开发模式下不可读的路径，这会导致 staticQuery 问题。
我的解决方案基于一些阅读：
解决方案：
yarn add -D babel-plugin-remove-graphql-queries # .storybook/main.js
config.module.rules.push({
test: /\.(ts|tsx)$/,
loader: require.resolve('babel-loader'),
options: {
presets: [['react-app', { flow: false, typescript: true }]],
plugins: [
require.resolve('@babel/plugin-proposal-class-properties'),
// use babel-plugin-remove-graphql-queries to remove static queries from components when rendering in storybook
require.resolve('babel-plugin-remove-graphql-queries'),
],
},
});
config.resolve.extensions.push('.ts', '.tsx');
# package.json
"storybook:static-query": "yarn clean && yarn build && cp -r ./public/page-data/sq/d ./public/static",
"storybook": "yarn storybook:static-query && NODE_ENV=test start-storybook -p 6006 --no-dll -s public",
脚本“storybook:static-query”的原因感谢mohsenkhanpour。但简而言之，“babel-plugin-remove-graphql-queries”会查找 /static/d 上的查询，因此我们只是将其从 Gatsby 放置它们的位置移走。
相关软件包版本：
"gatsby": "^2.24.66",
"storybook": "^6.0.28",
"babel-loader": "^8.1.0",
"babel-plugin-remove-graphql-queries": "^2.9.20",
按照教程进行操作时遇到“无法获取此 StaticQuery 的结果”错误，花了大约 30 分钟才解决该问题。
我多次尝试“gatsby clean”并删除并重新安装我的node_modules目录，但没有成功。
我已将查询提取到 useSiteMetadata 挂钩，最初在创建“useSiteMetaData.js”文件时意外地将“D”大写，这导致它在我的 Nav 组件中导入为“../hooks/useSiteMetaData.js” 。我已将文件名更改为“useSiteMetadata.js”，但该导入仍使用初始大写“D”大小写。
我将导入路径更正为“../hooks/useSiteMetadata.js”并运行“gatsby clean”，错误消失了。
作为额外说明，我还删除了 localhost:8000 中的 cookie - 我之前已经尝试过几次，但没有效果，但我在修复导入路径大小写之前就这样做了，所以想注意这一点，以防万一。
我在做官方 Gatsby 教程第 4 步时遇到了这个问题（此处：https://www.gatsbyjs.com/docs/tutorial/part-4/）
结果我创建了一个名为 Layout.js 的文件，但 Gatsby 将其导入为“布局”
更正导入的大小写解决了问题
以我为例，当我不小心在组件的导入路径中使用了大写字母时，出现了这个问题。
错了
import FactionBanner from "../components/FactionBanner/FactionBanner";
正确
import FactionBanner from "../components/factionBanner/FactionBanner";
除了其他答案 确保您
importuseStaticQuerygraphqlrequire尝试全局安装
npm install -g gatsby-cli