Firefox が ES2015 インポートをサポートしないのはなぜですか?

ES2015 インポートは Firefox で機能しますか?

t1.js ファイルの最上位に import ステートメントを配置しているにもかかわらず、エラー: 「構文エラー: インポート宣言はモジュールのトップレベルでのみ表示される場合があります。」これは、Firefox が ES2015 インポート機能を完全にはサポートしていない可能性があることを示唆しています。

正しいトップレベルの要件を理解する

インポート ステートメントは t1 の先頭にあります。 js の場合、ファイル自体がモジュールとしてロードされていることを明示的に示す必要があることに注意することが重要です。 import ステートメントを非モジュール ファイルの先頭に配置するだけでは十分ではありません。

Firefox でモジュールの読み込みを有効にする方法

この問題を解決するには、次のことが必要です。スクリプト タグに「type」属性を追加して、モジュールであることを指定します。

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

ブラウザ互換性

ES2015 インポート/エクスポート機能は現在完全にサポートされています次のブラウザ バージョン以降 (最新のリストについては caniuse.com を確認してください):

• Firefox 60
• Chrome (デスクトップ) 65
• Chrome (Android) 66
• Safari 11

古いブラウザでのモジュール サポートの有効化

古いブラウザ バージョンの場合、次のことが必要になる場合があります。特定のフラグを有効にします:

• Chrome Canary 60: "実験的な Web プラットフォーム" フラグ
• Firefox 54: "dom.moduleScripts.enabled" 設定
• Edge 15: "実験的な JavaScript 機能」フラグ

以上がFirefox が ES2015 インポートをサポートしないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。