即使创建了具有其名称的 javascript 文件，页面也不会加载

Question

我是 React 和 Gatsby 的新手，所以我正在在线学习 Gatsby 教程。当我遇到问题时，我正在稳步完成第 2 部分。在本教程中，他们创建了第二个名为 about.js 的 javascript 文件，并添加了一个基本组件并在最后将其导出。我做了所有这些，当然我自己把所有内容都打出来了，并对 html 内容中的文本做了一些修改，但没有什么会对程序的结果产生太大影响。但是当我访问 http://localhost:8000/about/ 时，我收到 404 错误和 gatsby 开发 404 页面。更糟糕的是，它的底部有一个可以识别的页面列表，http://.../about/ 就是其中之一。有人知道这里发生了什么事吗？我将把主页和关于页面的代码以及屏幕截图放在下面。

    import * as React from 'react'
    import { Link } from 'gatsby'

    const IndexPage = () => {
      return (
        <main>
          <h1>This is my header</h1>
          <p>This is my paragraph, WOWZA!</p>  
          <Link to='/about'>About</Link>
        </main>
      )
    }

    export default IndexPage

http://localhost:8000/

    import * as React from 'react'
    import { Link } from 'gatsby'

    const AboutPage = () => {
      return (
        <main>
          <h1>About Me</h1>
          <Link to="/">Back to Home</Link>
          <p>Hi there! I'm the proud creator of this site, which I built with Gatsby.</p>
        </main>
      )
    }

    export const Head = () => <title>About Me</title>

    export default AboutPage

http://localhost:8000/about/

我尝试重新运行 gatsbydevelopment 看看是否有任何作用，但没有。

Answer 1

我不知道那个框架，但快速浏览一下，它看起来很固执。如果你不遵循他们的教条，事情可能不会成功。例如，我注意到框架提供

pages

文件夹中的任何内容。从您的 404 回复来看，找到

about.js

似乎更上一层楼。您能否确认

about.js

位于

pages

文件夹中？