Angular 18 to 19 Upgrade Guide
✅ Before You Start
Important: Take a full backup or commit to version control before upgrading.
🔧 Step-by-Step Upgrade Instructions
1. Update Angular Core and CLI
ng update @angular/core@19 @angular/cli@19
2. Update Angular Material (If used)
ng update @angular/material@19
3. Optional: Update Other Dependencies
npm outdated
npm install rxjs@latest zone.js@latest
4. Clean and Reinstall Packages
rm -rf node_modules package-lock.json
npm install
5. Update TypeScript Version
npm install typescript@latest
⚠️ Common Issues & Fixes
SSR Packager or `itconfig.app.json` Errors
If you're not using SSR and encounter errors, remove SSR-related configurations from angular.json under configurations.ssr.
💬 Reviewer Comment
Upgraded Angular version from 18 to 19 to ensure compatibility with latest features, performance improvements, and security patches.
Please verify UI/UX and test critical flows after the upgrade.
No functional code changes were made during this update.
📈 Changelog
- Updated @angular/core and @angular/cli to v19
- Updated supporting packages: RxJS, Zone.js, TypeScript
- Removed deprecated SSR config causing build issues
- Cleaned
node_modules and package-lock.json
📌 Angular 19 Key Features
- Vite & ESBuild support for faster builds
- Improved SSR with Incremental Hydration
- Better debugging tools & error messages
- Angular Material updates
🛠 Quick Recap
ng update @angular/core@19 @angular/cli@19