Eine kurze Diskussion darüber, wie Angular8 mit der Version ie10+ kompatibel ist

In diesem Artikel erfahren Sie, wie Sie Angular8 mit IE10 und höher kompatibel machen (sofern Win10 mit dem integrierten Browser kompatibel ist). Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Verwandte Empfehlungen: „Angular Tutorial“

1.pollyfills.ts fügt die folgenden zwei Zeilen hinzu

import 'classlist.js'; // npm install --save classlist.js
import 'web-animations-js'; // npm install --save web-animations-js

2.tsconfig.json Ziel wurde in es2015 geändert

Standard: In diesem Fall werden ältere Browser (z. B. IE 9-11) ignoriert und ihr Kompilierungsziel wird auf ES2015 gesetzt. Als Ergebnis werden zwei Release-Pakete mit aktiviertem differenziellem Laden generiert. Wenn Sie alle Browser ignorieren, die ES2015 nicht unterstützen, wird nur eine Version generiert. Um die Build-Ergebnisse der unterschiedlichen Belastung unter verschiedenen Konfigurationen zu verstehen, sehen Sie sich bitte die folgende Tabelle an.

3.browserslist, wenn es keine browserslist im Projekt gibt, erstellen Sie eine neue, wählen Sie den Textmodus und fügen Sie den folgenden Code hinzu:

> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-10 # For IE 9-10 support, remove 'not'.
IE 11

4 Erstellen Sie eine neue Datei tsconfig.app.es5 .json im Stammverzeichnis und ändern Sie das Ziel. Für es5 erben Sie tsconfig.app.json

5. Konfigurieren Sie angle.json und fügen Sie die folgenden zwei Zeilen hinzu: ng Serve -c =es5

Endlich in ie10 und ie11 Besuchen Sie Ihre Projektadresse darin und Sie können die Schnittstelle sehen! ! ! !

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos

! !

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion darüber, wie Angular8 mit der Version ie10+ kompatibel ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!