Using Ionic start to make a new project, once the project has been made, uploading it to GitHub then deploying to Vercel results in a 404 error code not found.
Tried this with Ionic Angular and Ionic React got the same result
You probably haven’t configured something correctly. Without more info, it is hard to help. An Ionic app is pretty much a standard SPA so there isn’t anything special.
I have the same problem updating from Angular 18 to 19. Triying to deploy the Ionic Angular app shows this error
I guess this error is because angular 18 used “builder”: “@angular-devkit/build-angular:browser” and now Angular 19 uses “builder”: “@angular-devkit/build-angular:application”
I found a solution to deploy ionic-angular 19.x to Vercel. You have to change the builder options inside angular.json.
Change “builder”: "@angular-devkit/build-angular:application
To “builder”: “@angular-devkit/build-angular:browser-esbuild”
Change “outputPath”:{“base”: “www”}
To “outputPath”: “www”
Change “browser”:“sr/main.ts”
To “main”:“sr/main.ts”
This works for me and now I can deploy my ionic/angular app in Vercel. I think the problem is the new Angular’s builder “application”. It includes some nodejs modules for Server Side Rendering and that is not allowed in Vercel.
(I apologize, my first language is Spanish not English)
2 Likes