How to fix an error "CODE NOT FOUND" in Vercel?

Question

I tried to deploy my app to Vercel (create-react-app starter). It was deploy successful, no errors in console or my vercel account. But when i clicked a link, i have this message:

404: NOT_FOUND Code: NOT_FOUND ID: ...

How to fix that? I have React (hooks, router) and Redux store, no database, no next.js. Thank you!

score 19 · Answer 1 · answered Jan 24 '21 at 05:29

19

I had the same problem. Turns out I had the wrong framework preset set in Vercel. Check your Build & Development Settings for your project. Be sure that 'create-react-app' is selected.

answered Jan 24 '21 at 05:29

Drowned

373
2
12

1

Thanks @Drowned ✅ ✅ ✅ – Steffi Mar 22 '22 at 18:33
That didn't work for me.(in vite app) In my case Clicking any link (like to "/dev") was working and even the url changes in the browser but if I write the url by myself and try to get the page it sends a 404. – Circuit Planet Sep 30 '22 at 20:10
1

@CircuitPlanet had the same problem. [This answer](https://stackoverflow.com/a/65644138/7731997) pointed me to the [`rewrites`](https://vercel.com/docs/project-configuration#project-configuration/rewrites) section for the `vercel.json` file. Adding this to the vercel config file worked for me: `{ "rewrites": [{ "source": "/(.*)", "destination": "/" }] }` – Gabriel Jablonski Nov 28 '22 at 18:43

score 6 · Answer 2 · answered Apr 01 '23 at 07:57

i fixed this issue just now. turns out that only 1 route works, the "/" home route and other routes work for a short time, when you refresh the page, it shows a 404 page. it only happens if you don't configure your vercel.json. The routes don't get recognized except the "/" Home page route.

follow these steps:

go to your project and add a vercel.json file. Then add these lines

{ "rewrites": [{ "source": "/(.*)", "destination": "/" }] }

On the vercel deployment dashboard, pick vitejs as framework
to learn more about this, head to their official documentation

I really hope it helps anyone on the internet

score 4 · Answer 3 · answered Nov 14 '22 at 20:37

4

Navigate to the build & deployment settings & check that you have selected framework if it doesn't work then add your custom commands.

answered Nov 14 '22 at 20:37

Rudresh Oza

65
8

score 0 · Answer 4 · answered Jul 20 '23 at 14:45

0

for node js

   {
  "version": 2,
  "builds": [
    {
      "src": "./server.js",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "destination": "/"
    }
  ]
}

answered Jul 20 '23 at 14:45

Zain Waseem

21
3

score 0 · Answer 5 · answered Aug 10 '23 at 05:45

0

I fixed it by removing this line "baseUrl": "." in the jsconfig.json/tsconfig.json file.

answered Aug 10 '23 at 05:45

user3785328

674
7
6

How to fix an error "CODE NOT FOUND" in Vercel?

5 Answers5