Angular deployment fails with 404 NOT_FOUND error on Vercel

Help
, ,
1

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

image
image3245×1954 403 KB

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.

2

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.

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

1 Like
9

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

Deployed app: https://angular-example-amber.vercel.app/
GitHub repo: GitHub - amyegan/angular-example · GitHub
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.

10

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

1 Like
11

Glad that worked for you!