Warum unterstützt Firefox keine ES2015-Importe?

Kann der ES2015-Import in Firefox funktionieren?

Obwohl Sie Ihre Importanweisung auf der obersten Ebene Ihrer t1.js-Datei platzieren, stoßen Sie auf das Fehler: „SyntaxError: Importdeklarationen dürfen nur auf der obersten Ebene eines Moduls erscheinen.“ Dies deutet darauf hin, dass Firefox die ES2015-Importfunktionalität möglicherweise nicht vollständig unterstützt.

Verstehen der korrekten Top-Level-Anforderung

Während sich Ihre Importanweisung am Anfang von t1 befindet. js ist es wichtig zu beachten, dass die Datei selbst explizit darauf hinweisen muss, dass sie als Modul geladen wird. Es reicht nicht aus, die Importanweisung einfach oben in einer Datei zu platzieren, die kein Modul ist.

So aktivieren Sie das Laden von Modulen in Firefox

Um das Problem zu beheben, benötigen Sie um das Attribut „type“ zu Ihrem Skript-Tag hinzuzufügen und anzugeben, dass es sich um ein Modul handelt:

<code class="html"><script src="t1.js" type="module"></script></code>

Browserkompatibilität

ES2015-Import-/Exportfunktionalität wird derzeit vollständig unterstützt in den folgenden Browserversionen und höher (die aktuellste Liste finden Sie auf caniuse.com):

• Firefox 60
• Chrome (Desktop) 65
• Chrome (Android) 66
• Safari 11

Modulunterstützung in älteren Browsern aktivieren

Bei älteren Browserversionen müssen Sie dies möglicherweise tun Bestimmte Flags aktivieren:

• Chrome Canary 60: Flag „Experimentelle Webplattform“
• Firefox 54: Einstellung „dom.moduleScripts.enabled“
• Edge 15: „ Flag „Experimentelle JavaScript-Funktionen“

Das obige ist der detaillierte Inhalt vonWarum unterstützt Firefox keine ES2015-Importe?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!