JavaScript でデフォルトのインポートをエイリアスするにはどうすればいいですか? 質問する

JavaScript でデフォルトのインポートをエイリアスするにはどうすればいいですか? 質問する

ES6 モジュールを使用すると、名前付きインポートにエイリアスを付けることができることがわかります。

import { foo as bar } from 'my-module';

そして、デフォルトのインポートをインポートできることがわかっています。

import defaultMember from 'my-module';

デフォルトのインポートにエイリアスを付けたいのですが、次のようにするとうまくいくと思いました。

import defaultMember as alias from 'my-module';

しかし、その結果、解析 (構文) エラーが発生します。

デフォルトのインポートにエイリアスを設定するにはどうしたらよいですか (または設定できますか)?

ベストアンサー1

defaultMemberすでにエイリアスになっています。エクスポートされた関数/物の名前である必要はありません。

import alias from 'my-module';

あるいは、

import {default as alias} from 'my-module';

しかし、それはかなり難解です。

おすすめ記事