App router not finding `page.jsx` in dev mode
Unanswered
Chilean jack mackerel posted this in #help-forum
Chilean jack mackerelOP
Hi! I'm new to
I'm really lost with this, no idea how to proceed debugging this, the server process output isn't showing me anything useful.
next.js and react in general, and I've made a very simple app with the app/ router. It was working fine so far, but ever since I rebooted my machine the dev server is showing me the 404 page when I go into the site root instead of my own page. Here is a quick list of what my files look like ATM:app/
├── layout.jsx
├── layout.module.scss
└── page.jsxI'm really lost with this, no idea how to proceed debugging this, the server process output isn't showing me anything useful.
5 Replies
delete the .next folder then restart the dev server
If that doesnt work post your folder hierarchy here.
(A picture of the whole project not what you posted above)
(A picture of the whole project not what you posted above)
Chilean jack mackerelOP
Deleting
.next did not solve the issue, here is the whole-project listing:app
├── layout.jsx
├── layout.module.scss
└── page.jsx
bin
└── validate.js
components
├── columns.jsx
└── columns.module.scss
data
├── continuation-and-virtual-threads-in-java.yaml
├── crafting-interpreters.yaml
├── defold.yaml
├── dont-mock-what-you-dont-own.yaml
├── earthly-we-build-fastest-ci.yaml
├── game-programming-patterns.yaml
├── grafana-dash-gen.yaml
├── howto-retr-gh-contrib-graph-data.yaml
├── jupyterlab-extension-tutorial.yaml
├── mind-the-gap.yaml
├── one-vm-to-rule-them-all.yaml
├── project-loom-and-virtual-threads-in-java.yaml
├── schema.json
├── system-design-101.yaml
└── testcontainers.yaml
jsconfig.json
lib
└── load-data.js
LICENSE
next.config.js
package.json
package-lock.json
public
└── github-mark.svg
README.md (I've omitted
.next and node_modules)Chilean jack mackerelOP
I am dumb. I forgot I've changed
basePath in next.config.js