Importieren von Modulen in Firefox: Den SyntaxError aufdecken

ES2015-Importprobleme in Firefox

Firefox-Benutzer sind beim Versuch, die Import- und Exportfunktionen von ES2015 zu nutzen, auf einen rätselhaften Fehler gestoßen:

Fehler:

SyntaxError: import declarations may only appear at top level of a module

Dieser Fehler tritt auf, obwohl die Importanweisung auf der obersten Ebene des Skripts platziert wurde. Dies wirft die Frage auf: Ist die Import-/Exportunterstützung in Firefox mangelhaft?

Die Lösung:
Entgegen der Intuition ist der Fehler auf eine fehlende Moduldeklaration zurückzuführen. Um das modulare Laden zu ermöglichen, geben Sie explizit an, dass das Skript ein Modul ist, indem Sie das Attribut type="module" hinzufügen:

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

Diese Deklaration ermöglicht die Verwendung von Importanweisungen innerhalb des Moduls.

Browser-Unterstützung:
Import/Export wird in modernen Browsern vollständig unterstützt:

• Firefox 60
• Chrome 65 (Desktop und Android)
• Safari 1.1

Für frühere Browserversionen ist möglicherweise die Aktivierung experimenteller Flags erforderlich:

• Chrome Canary 60: Aktivieren Sie das Flag „Experimentelle Webplattform“.
• Firefox 54: Legen Sie die Einstellung „dom.moduleScripts.enabled“ in about:config fest.
• Edge 15: Aktivieren Sie das Flag „Experimentelle JavaScript-Funktionen“.

Das obige ist der detaillierte Inhalt vonImportieren von Modulen in Firefox: Den SyntaxError aufdecken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!