Upgrading Angular from Version 14 to 18: A Real-World Migration Experience

Recently, I had the task of upgrading a real-world customer interaction portal for a logistics company from Angular version 14 to the latest Angular 18. This was not a hobby project but a complex, production-grade application with various third-party dependencies, including Angular Material. The upgrade presented its fair share of challenges, especially with breaking changes in Angular Material, which required replacing imports and components to align with the new version.

To make the process engaging, I recorded a video of the migration without any prior preparation. This raw approach allowed viewers to see the real issues I faced during the upgrade. While I paused the recording during lengthy compilations and fixes, the video captured the key moments of troubleshooting and resolving challenges as they emerged.

Every project comes with its own unique set of errors and obstacles during upgrades. My aim with this video is to offer an overview of the steps you can follow and how to approach problem-solving when upgrading Angular versions. Toward the end of the video, I encountered an issue with a third-party library that wasn’t compatible with Angular 18.2.8. At that point, I had three options: