1
votes

Page vide IE11 utilisant Angular 7

Je teste mon site Web personnel depuis l'hébergeur. Cela fonctionne bien avec Chrome, Safari, Firefox, presque bien avec Edge, et pas du tout avec IE11. La page affichée est index.html, les scripts ne se chargent pas et donc, ma page est désespérément blanche. Dans quelle direction dois-je regarder?

Ci-dessous le code source après le chargement, il rend juste l'index.html

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>xxxxx</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300, 400|Permanent+Marker|Fredoka+One" rel="stylesheet">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

<link rel="stylesheet" href="styles.e51f265321605de0a6b8.css"></head>
<body>
  <app-root></app-root>
  <script type="text/javascript" src="polyfills.46532d96d3286697c138.js">
</script>
<script type="text/javascript" src="runtime.a5dd35324ddfd942bef1.js"></script><script type="text/javascript" src="main.d7a4eeb20e2af3af291c.js"></script>
</body>
        </html>

angular internet-explorer

0 commentaires

5 Réponses :

0
votes

Vous devriez regarder si vous avez les bons polyfills .

Et vous avez des erreurs dans votre console?

0 commentaires

3
votes

polyfills.ts

/** 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';

1 commentaires

TY pour votre réponse, c'est mon premier déploiement angulaire. polyfills.ts était la solution.

0
votes

En plus d'activer les polyfills, je devais personnellement décocher "Afficher les sites intranet dans la vue de compatibilité" sous "Paramètres de la vue de compatibilité" dans un environnement productif. Peut-être que cela s'applique à vous aussi.

0 commentaires

2
votes

pour l'utilisateur angular8. veuillez vous référer ci-dessous. :

polyfills.ts: supprimer le numéro après es

IE 9-11 # For IE 9-11 support, **remove 'not'.**

tsconfig.json

"target": "es5", // "target": "es2015",

browerslist

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

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

crédit: https: / /dev.to/paulinhapenedo/angular-8-and-ie-11-1ed2

0 commentaires

0
votes

J'exécute l'application angular 8 dans Windows 10 avec IE11.

J'ai essayé de nombreuses solutions de stackoverflow. Mais n'a rien fonctionné. puis j'ai essayé les mêmes solutions séparément, puis je suis arrivé à une conclusion.

Ceci est ma solution finale. je ne le fais pas pour combien de personnes cela fonctionnera. mais pour moi, cela a fonctionné.

1. tsconfig.json

"target": "es5"

remplacé par

   "target": "es2015"

2. Arrêtez vos applications et recommencez. ce obligatoire.

0 commentaires