2
votes

L'application angulaire ne rend pas dans ie 11 et donne SecurityError et SyntaxError

J'ai développé une application utilisant angular. Il rend parfaitement dans Chrome et Firefox. Mais, quand je l'exécute dans ie-11, je suis confronté à tellement de problèmes.

J'ai résolu de nombreux problèmes en ajoutant des polyfills dans polyfills.ts. Pourtant, je suis confronté à quelques autres problèmes. Veuillez regarder la capture d'écran ci-dessous.

Capture d'écran d'erreur IE

Voici mes polyfills,

/** IE9, IE10 and IE11 requires all of the following polyfills. **/
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';

/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import 'classlist.js';  // Run `npm install --save classlist.js`.

/** IE10 and IE11 requires the following for the Reflect API. */
import 'core-js/es6/reflect';

// import 'whatwg-fetch';

/** Evergreen browsers require these. **/
// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
import 'core-js/es7/reflect';


/**
 * Web Animations `@angular/platform-browser/animations`
 * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
 * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
 **/
import 'web-animations-js';  // Run `npm install --save web-animations-js`.

/**
 * By default, zone.js will patch all possible macroTask and DomEvents
 * user can disable parts of macroTask/DomEvents patch by setting following flags
 */

 // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
 // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
 // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames

 /*
 * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
 * with the following flag, it will bypass `zone.js` patch for IE/Edge
 */
(window as any).__Zone_enable_cross_context_check = true;

/***************************************************************************************************
 * Zone JS is required by default for Angular itself.
 */

import 'zone.js/dist/zone';  // Included with Angular CLI.



/***************************************************************************************************
 * APPLICATION IMPORTS
 */

Veuillez m'aider à résoudre ce problème. Merci...


5 commentaires

Avez-vous exécuté npm install --save classlist.js et npm install --save web-animations-js ?


veuillez essayer d'ajouter cette importation polyfills 'core-js / es7 / object'; import 'core-js / es7 / array'; dans le fichier polyfills.ts peut aider à résoudre le problème. Réf: github.com/angular/zone.js/issues/1001


Essayez d'exécuter npm install --save babel-polyfill et ajoutez import 'babel-polyfill'; dans le fichier polyfills.ts.


Après l'installation, npm install --save babel-polyfill, je l'ai importé, puis j'obtiens l'erreur "Impossible de trouver le module 'neo-async' Erreur: Impossible de trouver le module 'neo-async'".


Installez-vous async globalement? Essayez npm install neo-async .


3 Réponses :


1
votes

Ajoutez ce qui suit à polyfills.ts

import 'core-js/es7/object';
import 'core-js/es7/array';


0 commentaires

0
votes

C'est un problème de navigateur IE, vous pouvez le résoudre en suivant ce lien https://github.com/angular/zone.js/issues/1001 Pour core-js / es7 / array, vous devez utiliser "core-js": «~ 2,5,0»


0 commentaires

1
votes

Pour ce problème, assurez-vous que vous avez activé toute l'importation requise dans le polyfills.ts et que ce fichier est connecté à angular.json

Et ajoutez ce qui suit au fichier:

import 'core-js/es7/object';
import 'core-js/es7/array';


0 commentaires