Angular 8 - Modules à chargement paresseux : Erreur TS1323 : L'importation dynamique n'est prise en charge que si le paramètre '--module' est 'commonjs' ou 'esNext'.

Question

Lorsque j'ai mis à jour Angular de 7 à Angular 8, j'obtiens une erreur pour les modules de chargement paresseux.

J'ai essayé les options qui figurent dans le guide de mise à niveau d'Angular.

J'ai apporté les modifications suivantes :

Avant

    loadChildren: '../feature/path/sample- 
                         tage.module#SameTagModule'

Après

   loadChildren: () => import('../feature/path/sample- 
                      tags.module').then(m => m.CreateLinksModule)

error TS1323 : Dynamic import is only supported when '--module' flag is commonjs' ou 'esNext'.

Answer 1

Il suffit de mettre à jour la version d'Angular en donnant la commande ci-dessous. Les erreurs disparaîtront.

ng update @angular/core @angular/cli --next

Après cela, changez la cible et le module dans le fichier tsconfig.json

"target": "esnext",
"module": "esnext",

Answer 2

J'ai résolu cette erreur en suivant les étapes suivantes étape 1 : "module" : "es2015" vers "module" : "AMD" dans tsconfig.json

étape 2 : créer un nouveau fichier tsconfig.app.json dans le répertoire Root de l'application, copier le code de Tony Ngo et le coller dedans, alors ce problème sera résolu.

Answer 3

Ma version d'angular est 8.2 et j'ai résolu le problème en changeant simplement "module" : "es2015" en "module" : "es2020".

Answer 4

Si vous utilisez le framework Ionic et VSCode, vous devez mettre à jour la version de votre IDE Typescript (> 4) !