Warum IE 11 das Rendern von leeren Seiten anzeigt App

Ich habe ein Problem mit IE 11 und meiner React-App. Ich verwende Webpack, babel und polyfill.io cdn und alles ist schön, bis die gebündelte Datei gerendert wird, dann hört es auf, irgendetwas zu tun. Hast du eine Ahnung, was schief gehen könnte?

Danke im Voraus.

Das Paket „react-app-polyfill“ hilft, die „react“-App in IE9 und IE11 zu verwenden. Dies funktioniert sowohl in der Entwicklungs- als auch in der Produktionsumgebung.

Bitte befolgen Sie die Schritte 1. Bearbeiten Sie die Datei index.js und fügen Sie die folgenden Zeilen ganz oben in der Datei hinzu.

    import 'react-app-polyfill/ie9';
    import 'react-app-polyfill/ie11';
    import 'react-app-polyfill/stable';

2. Bearbeiten Sie die Package.json-Datei und fügen Sie „ie 11“ in den Entwicklungsabschnitten der Browserliste hinzu. Die Standard-Produktionsliste ist ziemlich großzügig und enthält zB 11 bereits über die >0,2%

   "browserslist": {
   "production": [
     ">0.2%",
     "not dead",
     "not op_mini all"
   ],
   "development": [
     "last 1 chrome version",
     "last 1 firefox version",
     "last 1 safari version",
     "ie 11"
   ]
   

   }

3. löschen Sie Ihren gesamten Ordner node_modules

4. Führen Sie npm install aus, um die node_modules neu zu installieren

5. starte npm starte erneut

Für alle anderen, die auf dieses Problem stoßen,

Wenn „react-app-polyfill“ bei Ihnen nicht funktioniert, versuchen Sie es stattdessen mit „core-js“.

$ npm install core-js

Stellen Sie sicher, dass dies die erste Zeile in Ihrer Datei src/index.js ist:

import 'core-js/stable'

Außerdem sehen Sie den Fix möglicherweise nicht, wenn Sie sich in der Entwicklung befinden.

Bei mir wurde das Problem nur in der Produktionsversion (react build) gelöst

react-app-polyfills funktioniert bei mir nur in der Produktion, nicht in der Entwicklung. Erstellen, implementieren und testen Sie es dann.

Ich habe die oben angebotenen Lösungen ausprobiert, konnte die Seite aber immer noch nicht auf IE11 oder in meinem alten iOS 9.3.2 zum Laufen bringen …

Ich habe es genau so gemacht, wie von empfohlen @Treycos und @Kurisubo aber keine Auflösung; Um das Problem zu lösen, musste die es6-Pfeilfunktion von meiner funktionalen Komponente durch den deklarativen Stil der alten Schule ersetzt und die Seite auf IE 11 und iOS 9.3.2 geladen werden

HINWEIS: Diese funktionale Komponente war die erste Komponente, die auf der Seite gerendert wurde

Fügen Sie dies hier hinzu, damit jemand in Zukunft davon profitieren kann.