Warum schlägt der ES2015-Import in Firefox 46 fehl?

ES2015-Importfehler in Firefox

In Firefox 46 schlägt das Importieren von Modulen mit der ES2015-Syntax mit der Fehlermeldung fehl: „SyntaxError: Importdeklarationen dürfen nur erscheinen auf der obersten Ebene eines Moduls. Es ist jedoch unklar, wie dies auf höherem Niveau erfolgen könnte.

Tatsächliche Ursache und Lösung

Die Fehlermeldung ist irreführend. Das eigentliche Problem besteht darin, dass Firefox eine explizite Angabe erfordert, dass ein Skript als Modul geladen wird. Durch Hinzufügen des Attributs „type=module“ zum Skript-Tag wird das Problem behoben:

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

Browser-Unterstützung

ES2015-Import/Export wird im folgenden Browser vollständig unterstützt Versionen:

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

In früheren Versionen kann die Funktion über experimentelle Flags aktiviert werden:

• Chrome Canary 60: Experimentelle Webplattform-Flag
• Firefox 54: dom.moduleScripts.enabled-Einstellung in etwa: config
• Edge 15: Einstellung für experimentelle JavaScript-Funktionen in about:flags

Das obige ist der detaillierte Inhalt vonWarum schlägt der ES2015-Import in Firefox 46 fehl?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!