Firefox でのモジュールのインポート: SyntaxError の解明

Firefox での ES2015 インポートの問題

Firefox ユーザーが ES2015 のインポートおよびエクスポート機能を利用しようとしたときに不可解なエラーが発生しました:

エラー:

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

このエラーは、インポート ステートメントをスクリプトの最上位に配置しているにもかかわらず発生します。ここで疑問が生じます: Firefox のインポート/エクスポート サポートは不十分ですか?

解決策:
直感に反して、エラーはモジュール宣言の欠落に起因します。モジュールの読み込みを有効にするには、type="module" 属性を追加して、スクリプトがモジュールであることを明示的に示します。

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

この宣言により、モジュール内で import ステートメントを使用できます。

ブラウザのサポート:
インポート/エクスポートは最新のブラウザで完全にサポートされています:

• Firefox 60
• Chrome 65 (デスクトップおよび Android)
• Safari 1.1

以前のブラウザ バージョンでは、実験フラグを有効にする必要がある場合があります:

• Chrome Canary 60: 「実験 Web プラットフォーム」フラグを有効にします。
• Firefox 54: about:config で「dom.moduleScripts.enabled」設定を設定します。
• Edge 15: 「実験的な JavaScript 機能」フラグを有効にします。

以上がFirefox でのモジュールのインポート: SyntaxError の解明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。