Angular 19 deployment - No Output Directory named "dist" found

[kilofafeure]

Hi,

It’s the first time I’m trying to deploy a project on Vercel.

I’m trying to deploy and Angular 19 project but on the build I’m getting the next error message: Error: No Output Directory named “dist” found after the Build completed. You can configure the Output Directory in your Project Settings.

I’ve followed the steps given by the helper but, although, I think it’s all ok, I can’t do it work.

I’ve done the next steps:

1. Added a vercel.json file to my project:
   

   

2. Checked the root directory:
   

   

3. Build locally and check the dist folder it’s created:

   

Before set the vercel.json file I had defined the build output-paht on the build command, but it doesnt work too:

Project Data:

• URL: GitHub - kilofafeure/HLC: Huerta la Curtia
• Languages: Angular 19, Typescript, Html, Css

Could you help me see what I need to configure or what I am doing wrong?

Thanks for your time!

[kilofafeure]

Hi,

Finally I’ve been able to deploy.

Things I’ve done:

• Remove vercel.json.file
• Create a folder in my project where on build I copy the dist/browser folder on it (docs)

• Change my configuration on Vercel

And now it’s working

[pawlean (Pauline P. Narvas)]

Thanks for coming back to share your solution, @kilofafeure!