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 am Anfang einer Nicht-Moduldatei zu platzieren.

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:

Browserkompatibilität

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

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

Modulunterstützung in älteren Browsern aktivieren

Für ältere Browserversionen müssen Sie möglicherweise bestimmte Flags aktivieren:

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