La version d’Angular 9 est sorti est propose son lot de feature intéressantes, voyons dans cette article comment faire le migration.
Mettre à jour Ionic
Pour commencer il va falloir d’abord faire la migration jusqu’a minimum ionic 5, pour cela rien de plus simple il suffit de taper les commandes suivantes :
# Mettre à jour Ionic
npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save
Mettre à jour Angular
Une fois Ionic mis à niveau, nous allons pouvoir passer à la migration d’Angular 9, pour cela nous allons suivre la documentation d’Angular : https://update.angular.io/#8.0:9.0
Si votre application n’est pas complexe, mettre a jour le @angular/cli et @angular/core devrait suffire.
// S'assurer d'abord d'être a la derniere version d'Angular 8
ng update @angular/core@8 @angular/cli@8
// Mettre a jour core & cli vers la version 9
ng update @angular/core @angular/cli
// Si vous avez installer @angular/material
ng update @angular/material
Mettre à jour les librairies
Une fois Angular mis a jour, il y a de grande chance que vos librairies ai besoin d’une mise à niveaux eux aussi. Pour cela, rien de plus simple:
// Vérifier si il y a une autre librairie à mettre a jour
ng update
Si une de vos librairie n’est pas compatible avec Angular 9, vous pouvez a tout moment désactiver le moteur de compilation ivy.
Une fois la migration faite, il vous manquera plus qu’a modifier une ligne dans le polyfill pour que votre application fonctionne. Dans le fichier src/polyfills.ts remplacer :
import './zone-flags.ts';
par :
import './zone-flags';
Sinon vous aurez l’erreur : src/zone-flags.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the ‘files’ or ‘include’ property