在Gatsby中创建自定义页面时出错

时间:2020-02-06 14:30:21

标签: javascript reactjs gatsby reach-router

当我尝试在Gatsby中创建自定义页面时遇到了问题。我删除了页面文件夹中除app.js文件之外的所有文件。现在,我在gatsby-node.js的onCreatePage函数中检查页面路径'/ app'。如果找到,我将路径从“ / app”更改为“ /”并创建该页面。之后,我将使用app.js文件路由到其他页面。

当一切都完成后,我在浏览器中检查了路由,这给我一个错误,指出路由“ / our-work”的“无法读取未定义的属性页”。我只有在转到路线'/ our-work'时才会收到错误。默认的'NotFound'页面不起作用。无论什么路线,主页都会显示在除“ /我们的工作”路线之外的所有其他路线上。

请浏览以下图片。谢谢!

app.js:

app.js

gatsby-node.js:

gatsby-node.js

主要路线-'/':

The main route - '/'

问题路线-“ /我们的工作”:

The problematic route - '/our-work'

将在预期NotFound组件起作用的路线上显示主页:

The main page gets displayed on route where the NotFound component is expected to function

0 个答案:

没有答案