There's another community post with 404 debugging tips that might be helpful. Please give these solutions a try and let us know how it goes.

https://community.vercel.com/t/debugging-404-errors/437

vercel.com

How to debug 404 errors | Vercel Knowledge Base

Learn the systematic steps to identify and resolve 404 issues.

A human should be around soon to offer more advice. But you can also get helpful information quickly by asking v0.

Hi, @murtazanaqvicoder! Welcome to the Vercel Community

Did you check out the resource above? Does it help?

Yes, i checked it but it didn't helped me. Also i have tried many fixes but none worked. It would be very great if you help me with my project as it is my first project with node.js and with vercel. Thanks Alot!

Hey @murtazanaqvicoder your deployment error suggests your package.json file might me malformatted? I would first review that. More than happy to take a look if you have the repository available.

I have fixed that all the whole code was messed up.

@murtazanaqvicoder nice! are you still experiencing the 404 issues?

Yes, I don't know why is it coming. It would be great if you would check my code or fix this error in all possible ways. All the deployment errors are now gone only this refresh issue still remains.

Do you have a repository I could view? More than happy to take a look.

Sure, Here's It: https://github.com/MurtazaNaqviCoder/ciphertronix-website Tell me the fix or changes that i should do to prevent this error.

@murtazanaqvicoder Ah, I've run into this before with Vite projects. The issue is with React Router. Vite produces an SPA by default, and React Router just uses techniques like history.pushState for routing.

So you need all routes to redirect to the root SPA file (index.html), which you can do with a vercel.json config file in the root of your project:

1
{
2
  "rewrites": [
3
    {
4
      "source": "/(.*)",
5
      "destination": "/index.html"
6
    }
7
  ]
8
}

I have a demo of the fixed site here, which I will remove later to keep my account clean: https://ciphertronix-website-six.vercel.app/

Let me know how it works!

Thanks alot man i appreciate it alot! so the code you gave me i have to write it in a newly created vercel.json file? Am i right? Btw i have seen the site so you can delete it now.

Yes! Or your existing one

Done, Its Fixed thanks alot for your help. Just a humble request to delete the website that you created and the code as it's my property.

Yep!

For sure, I'll remove it now!