Angular deployment fails with 404 NOT_FOUND error on Vercel

(edited)

Problem

I have a basic Angular (latest) app imported from a GitHub repo, but I am receiving a 404 error instead of my landing page.

Current Behavior

When I visit the deployment URL, I see:

404: NOT_FOUND Code: NOT_FOUND
ID: fra1::prvlb-1775414592115-4623eec75166

Everything is set to default from the import steps.

Environment

Framework: Angular basic template
Build Command: ng build
Output Directory: dist
Install Command: npm install

Hello guys,

I have a very basic Angular project, where I can’t see the app, deployed from the GitHub repo.

I’ll highly appreciate any help for getting this deploy visible.

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 Community

Debugging 404 Errors

Sometimes things don’t go as expected when deploying a website. If you see a 404 on your site, that means the page or resource couldn’t be found. There are...

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

Vercel Staff

I just deployed an Angular starter project without getting an error.

Deployed app: https://angular-example-amber.vercel.app/

angular-example-amber.vercel.app

AngularExample

GitHub repo: https://github.com/amyegan/angular-example Build settings: Angular preset without overrides

You could try removing your production overrides before redeploying. If that doesn't work, it would be good if you can to share your repo or a minimal reproducible example so we can help you figure out what other configuration changes are needed for your project.

Yes, you’re right for the production overrides. No everything shines. Thak you!

Vercel Staff

Glad that worked for you!

This topic is closed. It no longer accepts new replies.