我通过安装程序设置了一个新的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!
5条答案
按热度按时间63lcw9qa1#
在向Gatsby示例项目添加页面时,M1 MacBook Air也遇到了同样的问题。解决方案(在其他地方找到)是清空浏览器缓存。
sycxhyv72#
您是否尝试将
home.js
重命名为index.js
?然后,通过
gatsby clean
清理该高速缓存。7uhlpewt3#
这可能是由于浏览器缓存中的数据造成的。使用
Option + Command + E
清除Safari中该高速缓存zxlwwiss4#
正如@JohnysSon所说,清除浏览器缓存也是mee的解决方案
5sxhfpxr5#
我不想清除整个缓存,所以我打开了一个新的私有窗口,这对我很有效