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.
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...
3 Réponses :
Ajoutez ce qui suit à polyfills.ts
import 'core-js/es7/object'; import 'core-js/es7/array';
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»
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';
Avez-vous exécuté
npm install --save classlist.js
etnpm 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 ajoutezimport '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
.