404 error for a page that's in my directory

[reecebguida]

Description

I get a 404 error, but the React.js component is in my site directory at src/pages/index.js

It was working before when my directory looked like this. But it didn't match the images in the Gatsby guide here so I changed it. Seemed like I had created a duplicate.

Steps to reproduce

This is my first time writing an issue, so thank you for your patience as I try to get this reporting right

Expected result

src/pages/index.js in my directory and it should be published at http://localhost:8000

Actual result

I get an error

Environment

System:
OS: macOS 11.2.1
CPU: (8) arm64 Apple M1
Shell: 5.8 - /bin/zsh
Binaries:
Node: 15.9.0 - /opt/homebrew/bin/node
npm: 7.5.3 - /opt/homebrew/bin/npm
Languages:
Python: 2.7.16 - /usr/bin/python
Browsers:
Chrome: 88.0.4324.182
Safari: 14.0.3
npmPackages:
gatsby: ^2.26.1 => 2.32.4
npmGlobalPackages:
gatsby-cli: 2.19.1

[reecebguida]

More information here, directly comparing my directory to the local host