Maison > interface Web > js tutoriel > Une brève discussion sur la compatibilité d'Angular8 avec la version ie10+

Une brève discussion sur la compatibilité d'Angular8 avec la version ie10+

青灯夜游
Libérer: 2021-03-15 10:42:14
avant
2685 Les gens l'ont consulté

Cet article vous présentera comment angulaire8 est compatible avec ie10 et supérieur (si win10 est compatible avec le navigateur intégré). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Une brève discussion sur la compatibilité d'Angular8 avec la version ie10+

Recommandations associées : "tutoriel angulaire"

1.pollyfills.ts ajoute les deux lignes suivantes

import 'classlist.js'; // npm install --save classlist.js
import 'web-animations-js'; // npm install --save web-animations-js
Copier après la connexion

La cible 2.tsconfig.json est remplacée par es2015

Par défaut, il ignorera les anciens navigateurs (comme IE 9-11) avec leur cible de compilation définie sur ES2015. En conséquence, deux packages de version sont générés avec le chargement différentiel activé. Si vous ignorez tous les navigateurs qui ne prennent pas en charge ES2015, une seule version sera générée. Pour comprendre les résultats de construction du chargement différentiel sous différentes configurations, veuillez vous référer au tableau ci-dessous.

3.browserslist, s'il n'y a pas de liste de navigateurs dans le projet, créez-en une nouvelle, sélectionnez le mode texte et ajoutez le code suivant :

> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-10 # For IE 9-10 support, remove 'not'.
IE 11
Copier après la connexion

4. Créez un nouveau fichier tsconfig.app.es5.json dans le répertoire racine, changez la cible en es5 et héritez de tsconfig.app.json

{
  "extends": "./tsconfig.app.json",
  "compilerOptions": {
    "target": "es5"
  }
}
Copier après la connexion

5. Configurez angulaire.json, nouveau Ajoutez les deux lignes suivantes

6. 🎜>Enfin accédez-y dans ie10 et ie11 L'adresse de votre projet, vous pouvez voir l'interface ! ! ! !

Pour plus de connaissances sur la programmation, veuillez visiter :

Vidéo de programmation

 ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal