CODEWITHSUNDEEP
javascriptreactjsdeploymentserververcel
Hemang Joshi
Hemang Joshi

Reputation: 334

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

Upvotes: 12

Views: 35206

Answers (5)

braxton
braxton

Reputation: 42

I just dealt with this issue for too long but my issue was that my pages weren't pushed to production. Use this as a reminder to ensure the pages you're linking to are also in production

Upvotes: 0

Erbold
Erbold

Reputation: 111

Go to vercel project settings->General->Build & Development Settings and choose whatever framework your project is using in my case My project was using Next js but it was chosen Others. So when i changed it from others to Next Js problem solved

Upvotes: 11

rekardev1
rekardev1

Reputation: 1

I have the same issue but with a project build with Svelte (not SvelteKit).

what worked for me was:

in Vercel dashboard, open the project. Goto project settings. In Build & Development Settings section, change Framework Preset to other.

I know there is Svelte option too but it was not worked for me. I am a back end dev and still new to the front end stuff but that was the fix for mine.

Upvotes: 0

wahyu nanda
wahyu nanda

Reputation: 406

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

Upvotes: 28

Boris K
Boris K

Reputation: 1552

Are you sure you're looking at the good URL?

You need to run vercel --prod to deploy to production, otherwise you're just deploying a preview version.

Can you please share the output of the vercel command in your terminal?

Upvotes: 2

Related Questions