Javascript 未找到Gatsby错误页资源。没有反应。盖茨比建成后

我在开发盖茨比项目的过程中遇到了一个问题。随着盖茨比发展，一切正常，但最近开始了建设过程，并部署了网站

我在浏览器上启动网站后，出现以下错误。这是关于我的页面目录中的创新文件：

错误：找不到/创新/的页面资源。不反应

加载资源失败：服务器响应状态为404（）（page data.json）

我想也许我使用的组件或库会破坏prod中的页面。我会将源代码还原为模板，如下所示：

import React from "react";
import { Link } from "gatsby";

import Layout from "../components/layout";
import SEO from "../components/seo";

const InnovationPage = () => (
  <Layout>
    <div style={{ backgroundColor: "#140E55" }}>
      <SEO title="Innovation" />
      <h1>Hi from the innovation page</h1>
      <p>Welcome to innovation</p>
      <Link to="/">Go back to the homepage</Link>
    </div>
  </Layout>
);

export default InnovationPage;

---

在当前版本的《盖茨比》中，这似乎是一个bug。尝试将包降级到最新的稳定工作版本：

"gatsby": "2.20.36",
"gatsby-cli": "^2.12.54",
"gatsby-image": "^2.4.13",
"gatsby-plugin-exclude": "^1.0.2",
"gatsby-plugin-google-analytics": "^2.3.11",
"gatsby-plugin-manifest": "^2.4.18",
"gatsby-plugin-offline": "^3.2.17",
"gatsby-plugin-react-helmet": "^3.3.10",
"gatsby-plugin-react-svg": "^3.0.0",
"gatsby-plugin-resolve-src": "^2.1.0",
"gatsby-plugin-sass": "^2.3.12",
"gatsby-plugin-sharp": "^2.6.19",
"gatsby-plugin-use-query-params": "^1.0.1",
"gatsby-source-filesystem": "^2.3.19",
"gatsby-source-graphql": "^2.6.2",
"gatsby-transformer-sharp": "^2.5.11",

如图所示

---

删除您的

包锁.json

、节点模块和缓存文件夹（

.cache

），并将版本修复为正常版本。

当前版本的《盖茨比》中似乎存在缺陷。尝试将包降级到最新的稳定工作版本：

"gatsby": "2.20.36",
"gatsby-cli": "^2.12.54",
"gatsby-image": "^2.4.13",
"gatsby-plugin-exclude": "^1.0.2",
"gatsby-plugin-google-analytics": "^2.3.11",
"gatsby-plugin-manifest": "^2.4.18",
"gatsby-plugin-offline": "^3.2.17",
"gatsby-plugin-react-helmet": "^3.3.10",
"gatsby-plugin-react-svg": "^3.0.0",
"gatsby-plugin-resolve-src": "^2.1.0",
"gatsby-plugin-sass": "^2.3.12",
"gatsby-plugin-sharp": "^2.6.19",
"gatsby-plugin-use-query-params": "^1.0.1",
"gatsby-source-filesystem": "^2.3.19",
"gatsby-source-graphql": "^2.6.2",
"gatsby-transformer-sharp": "^2.5.11",

如图所示

---

删除您的

包锁.json

、节点模块和缓存文件夹（

.cache

），并将版本修复为可用版本。

尝试清除浏览历史记录

---

我不知道为什么，但清除我的浏览历史记录解决了这个问题。在我这么做之前，我注意到浏览器图标是我昨天一直在做的一个单独的盖茨比项目的图标，因此可能发生了一些事情，您的浏览器与单独的盖茨比项目的细节不匹配，请尝试清除您的浏览历史记录

---

我不知道为什么，但清除我的浏览历史记录解决了这个问题。在我这么做之前，我注意到浏览器图标是我昨天一直在做的一个单独的盖茨比项目的图标，所以可能发生了一些事情，您的浏览器与单独的盖茨比项目的细节不匹配

页面文件夹下是否有一个名为

innovation.js

的页面？您是否从“React”导入

import React

everywhere？@FerranBuireu是的innovation.js页面存在于pages文件夹下，我正在每个组件和index.js中导入React。你能提供

gatsby config.js

？尝试离线删除

gatsby插件

I在starter post中提供的插件。盖茨比离线插件已经在我的盖茨比配置中被注释掉了@FerranBuireu在pages文件夹下有一个名为

innovation.js

的页面吗？您是否从“React”导入

import React

everywhere？@FerranBuireu是的innovation.js页面存在于pages文件夹下，我正在每个组件和index.js中导入React。你能提供

gatsby config.js

？尝试离线删除

gatsby插件

I在starter post中提供的插件。盖茨比离线插件已经在我的盖茨比配置中被注释掉了@如果我将盖茨比的版本设置为2.20.36，我会收到另一条错误消息：WebPackageError：无法获取此静态查询的结果。这似乎是一个恶性循环。由于StaticQuery，构建过程现在失败了。这很奇怪。尝试禁用一些插件，看看它们是否有问题。记住删除所有进程中的缓存。我很好奇为什么会发生这个错误。构建过程结束后，我查看了公用文件夹-->页面数据，发现创新页面保存不正确。它被保存在“创新”中，而不是创新。我不知道为什么，但在我将目录重命名为innovation之后，它就开始工作了。我必须弄清楚为什么会发生这种情况，并将禁用一些插件进行调试。如果我将gatsby的版本设置为2.20.36，我会收到另一条错误消息：WebPackageError:无法获取此静态查询的结果。这似乎是一个恶性循环。由于StaticQuery，构建过程现在失败了。这很奇怪。尝试禁用一些插件，看看它们是否有问题。记住删除所有进程中的缓存。我很好奇为什么会发生这个错误。构建过程结束后，我查看了公用文件夹-->页面数据，发现创新页面保存不正确。它被保存在“创新”中，而不是创新。我不知道为什么，但在我将目录重命名为innovation之后，它就开始工作了。我必须弄清楚为什么会发生这种情况，并将禁用一些插件进行调试。