0
votes

Erreur angulaire 10 dans IE11

J'ai mis à niveau vers Angular 10 aujourd'hui, tout fonctionne bien sauf que cela ne fonctionne plus dans IE11.

Les erreurs ne sont pas si utiles.

Les seules suggestions que j'ai vues en ligne sont que c'est quelque chose à traiter dans le fichier polyfills.ts. Au départ, j'avais les éléments suivants avant la mise à niveau:

import 'core-js/es7/reflect';

Cependant, c'était une erreur après la mise à niveau, j'ai donc dû le décommenter. Cependant, dans tous les cas, IE11 ne fonctionne toujours pas. Quelqu'un d'autre a-t-il rencontré des problèmes avec Angular 10 et IE11?

EDIT: Je viens d'essayer de créer un tout nouveau projet et cela ne fonctionne pas non plus dans IE11, donc cela ressemble à un gros oubli de l'équipe Angular.

angular

0 commentaires

3 Réponses :

0
votes

Essayez de mettre cette ligne dans votre fichier polyfill.ts pour corriger les importations manquantes:

import 'core-js/es7/object'

Et pour corriger l'objet appelant invalide:

import 'core-js/es7/array'

3 commentaires

Merci pour l'aide. J'ai juste essayé ceux-ci mais ça ne se construira pas. Dit qu'il ne trouve pas ces modules. Dois-je installer quelque chose par npm?

Installez ce npmjs.com/package/core-js @AndrewJuniorHoward

Merci de l'installer via "npm i core-js" mais il indique toujours qu'il ne trouve pas les 2 modules que vous avez mentionnés

1
votes

Voici comment travailler dans IE11 lors du développement: Ajoutez un nouveau fichier tsconfig-es5.app.json . Mettez à jour la configuration angular.json . Exécutez votre application: ng serve --configuration es5 . Je recommande d'ajouter un script d'exécution dans package.json pour plus de commodité.

Dans tsconfig-es5.app.json

"build": {
  "builder": "@angular-devkit/build-angular:browser",
  "options": {
      ...
  },
  "configurations": {
    "production": {
        ...
    },
    "es5": {
      "tsConfig": "./tsconfig-es5.app.json"
    }
  }
},
"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
      ...
  },
  "configurations": {
    "production": {
     ...
    },
    "es5": {
      "browserTarget": "yourAppName:build:es5"
    }
  }
},

Dans angular.json

{
 "extends": "./tsconfig.app.json",
 "compilerOptions": {
     "target": "es5" 
  }
}

0 commentaires

0
votes

L'équipe angulaire semble avoir corrigé ce problème maintenant dans le nouveau Angular 11.

0 commentaires