「エクスポートのデフォルト」がAngularで推奨されないのはなぜですか？

Question

Typescript documentation (section "Guidance for structuring modules")によると：

あなただけの「トップレベルの近くにエクスポートすると、」あなたの 上の摩擦を低減同様に輸出 デフォルト

を使用し、単一のクラスや関数をエクスポートしている場合モジュールの消費者は、デフォルトのエクスポートを導入します。 モジュールの主な目的が1つの特定のエクスポートを格納することである場合、 はデフォルトのエクスポートとしてエクスポートすることを検討する必要があります。これにより、インポートと少し実際にインポートを使用して 両方を行います。

例：Angular documentation for componentsで

export default class SomeType { 
    constructor() { ... } 
} 

（例えば）一つは、これを見ている：

export class HeroListComponent implements OnInit { 
    heroes: Hero[]; 
    selectedHero: Hero; 

    constructor(private service: HeroService) { } 

    ngOnInit() { 
    this.heroes = this.service.getHeroes(); 
    } 

    selectHero(hero: Hero) { this.selectedHero = hero; } 
} 

一般に、コンポーネントのまたはモジュールの主な目的は、一つの特定のエクスポートを収容することです。 Angularがexport defaultを使用したり推奨したりする理由はありますか？

Answer 1

これはAOTコンパイラでは機能しませんが、JITコンパイラでは機能します。したがって、AOTを使用している場合（またはAOTを使用したい場合）、デフォルトのエクスポートは行わないでください。 も参照してくださいhere：

デフォルトの輸出

デフォルトの輸出はIBMアカデミーで許可されていません - 彼らはすべての名前を付ける必要があります。

❌DONT：

import { Component } from '@angular/core'; 

@Component({ 
    template: ` 
    <div class="example"> 
     Example component! 
    </div> 
    ` 
}) 
export default class ExampleComponent { 

} 

✅DO：

おそらく人々は、単一の文の周りに括弧を使用するのと同じ理由で

import { Component } from '@angular/core'; 

@Component({ 
    template: ` 
    <div class="example"> 
     Example component! 
    </div> 
    ` 
}) 
export class ExampleComponent { 

}