Firefox 46 で ES2015 のインポートが失敗するのはなぜですか?

Firefox での ES2015 インポート エラー

Firefox 46 では、ES2015 構文を使用したモジュールのインポートが次のエラーで失敗します:モジュールのトップレベルに表示されます。」ただし、これがどのようにしてトップレベルになるのかは不明です。

実際の原因と解決策

エラー メッセージは誤解を招きます。実際の問題は、Firefox ではスクリプトがモジュールとしてロードされていることを明示的に示す必要があることです。スクリプト タグに「type=module」属性を追加すると、この問題が解決されます。

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

ブラウザのサポート

ES2015 のインポート/エクスポートは、次のブラウザで完全にサポートされています。バージョン:

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

以前のバージョンでは、この機能は実験的フラグを通じて有効にできます:

• Chrome Canary 60: Experimental Web Platform flag
• Firefox 54: about: dom.moduleScripts.enabled 設定: config
• Edge 15: about:flags

での実験的な JavaScript 機能の設定

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