Search code examples
javascriptreactjsdeploymentserververcel

404: NOT_FOUND on Vercel deployment

I have build a web3 application using chakra-UI and three.js. I have added a metamask integration to the website, which helps to mint the NFTs on smart contract.

When I do,

npm run dev

On my machine, my code is running extremely smoothly. I don't see any errors on my localhost:3000 whereas when I am deploying the website using vercel, I am getting this error again and again which says Code NOT_FOUND Here's the screenshot of that error:

Error Image

I deployed the website through my VSCode terminal using the

vercel

command.

I selected everything as default which came after executing this command.

Click here to learn more about this error didn't helped either.

I also tried to deploy this by going physically on vercel website and importing the github repo, but that also didn't worked.

The error page URL is:- https://minting-website-frontend.vercel.app/

Can anyone please help me overcome this error, I am stuck here for so long now

Solution

  • I've experienced this, and what I did to solve the problem was:

    1. create a vercel.json file in my project.
    2. Enter the following code in the vercel.json file
    {
    "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
}
    1. re-deploy the project