Make sure you have a backup copy of your project or create a separate branch prior to upgrade.
In this article, we are going to dwell on upgrading an ADF project 2.4.0 to 2.5.0 that also features update versions of the following libraries:
Angular Material 6.x
Angular CLI 6.x
All Yeoman blueprints have been upgraded to use the libraries above. You can generate a new application based on one of the templates having Angular 6 configuration out of the box. Alternatively, you can use Yeoman templates as a reference for a working project setup and correct dependency versions.
Upgrading ADF libraries
Regardless of the project type, upgrade core ADF libraries to the latest version.
npm i -E firstname.lastname@example.org npm i -E @email@example.com
Depending on the type of the project, ACS-only, APS-only or mixed one, update the corresponding libraries
npm i -E @firstname.lastname@example.org npm i -E @email@example.com npm i -E @firstname.lastname@example.org
If you have a large application, make sure checking the official update guide from Angular team: Angular Update Guide . Note, however, that update steps in this guide take into account the upgrade process from 5.1 to 6.0 from the official guide extended with steps related to ADF.
Append the following setting to the "tsconfig.json" file in the root project folder: