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

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

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

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

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

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

ブラウザの互換性

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

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

古いブラウザでモジュール サポートを有効にする

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

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