reactjs 创建新路由时出现Gatsby错误:正在准备请求的页面

zzoitvuj  于 2023-04-11  发布在  React
关注(0)|答案(5)|浏览(124)

我通过安装程序设置了一个新的Gatsby项目,但当我尝试在/src/pages中创建一个新文件时,但如果我转到该路径,浏览器会说
正在准备请求的页面
in循环。在浏览器控制台中输出:

[Error] Unhandled Promise Rejection: Error: We couldn't find the correct component chunk with the name "component---src-pages-home-js" (anonymous function) (loader.js:45) promiseReactionJob

这是我的home.js(在正常的React环境中工作得很好):

import React from "react";

const Home = () => {
  return (
    <div>
      <title>Test</title>
      <p>Hello</p>
    </div>
  );
};

export default Home;

项目结构:

pages
 - 404.js
 - index.js
 - second.js

可能是什么问题?我已经尝试重新安装Gatsby,并尝试清理缓存或创建另一个文件,使用不同的文件名。该文件被Gatsby看到,因为如果我尝试访问路由而不创建文件,它会给我404页面。
谢谢。

更新:

如果您使用的是带有M1芯片的Mac,请确保安装了带有Rosetta的Gatsby!

63lcw9qa

63lcw9qa1#

在向Gatsby示例项目添加页面时,M1 MacBook Air也遇到了同样的问题。解决方案(在其他地方找到)是清空浏览器缓存。

sycxhyv7

sycxhyv72#

您是否尝试将home.js重命名为index.js
然后,通过gatsby clean清理该高速缓存。

7uhlpewt

7uhlpewt3#

这可能是由于浏览器缓存中的数据造成的。使用Option + Command + E清除Safari中该高速缓存

zxlwwiss

zxlwwiss4#

正如@JohnysSon所说,清除浏览器缓存也是mee的解决方案

5sxhfpxr

5sxhfpxr5#

我不想清除整个缓存,所以我打开了一个新的私有窗口,这对我很有效

相关问题