Ionic : Migration vers Angular 9

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