ES6 モジュールを動的にインポートしようとしている場合、「インポート」および「エクスポート」宣言が可能な制限に遭遇した可能性があります。ファイルの最上位にのみ存在します。これに対処するために、解決策を検討してみましょう。
当初、System.import は有望なオプションでしたが、現在の状況は不明のままです。幸いなことに、ECMAScript 2020 では動的インポートが導入され、babel-preset 経由で利用できるようになりました。
条件付きモジュールのインポートの使用例は次のとおりです:
if (condition) { import('something') .then((something) => { console.log(something.something); }); }
このアプローチは、解決策を含む Promise を返します。インポートされたモジュールが含まれています。動的インポート提案は、複数の動的インポート、デフォルトのインポート、JavaScript ファイルのインポートなどの追加機能を提供します。ここで動的インポートについて詳しく調べてください。
以上がJavaScript で ES6 モジュールを動的にインポートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。