循環依存エラーTransferHttpCacheModule、LocalizeRouterModule、TranslateModule

Question

私は私のプロジェクトのために以下のモジュールが必要になります。

TranslateModule LocalizeRouterModule TransferHttpCacheModule

は、どういうわけか、モジュールのこの組み合わせは、循環依存を作成しています。 TransferHttpCacheModuleと

TranslateModule - LocalizeRouterModuleで TranslateModuleに動作します -

に動作します。しかし、私は3つすべてをインポートするとき、それは依存関係の循環を引き起こしています。

循環依存関係をインスタンス化できません！ ApplicationRef（ "[ERROR] - > []"）：NgModule AppBrowserModuleで./AppBrowserModule@-1:-1

で

は、問題の再現にplnkrを確認してください：https://plnkr.co/edit/qlUQ866JzTa3JtFgSAIO?p=preview

@NgModule({ 
imports: [ 
    HttpClientModule, 
    BrowserModule, 
    BrowserAnimationsModule, 
    TransferHttpCacheModule, 
    TranslateModule.forRoot({ 
     loader: { 
     provide: TranslateLoader, 
     useFactory: HttpTranslationLoaderFactory, 
     deps: [HttpClient] 
     } 
    }), 
    LocalizeRouterModule.forRoot([], { 
     parser: { 
     provide: LocalizeParser, 
     useFactory: HttpLoaderFactory, 
     deps: [TranslateService, Location, LocalizeRouterSettings] 
     } 
    }), 
    RouterModule.forRoot([]) 
], 
declarations: [ 
    AppComponent 
], 
providers: [ 

], 
bootstrap: [AppComponent] 
}) export class AppModule { } 

Answer 1

あなたがする必要はありませんインポート時にLocalizeRouterModuleを持つことができます。なぜなら、それは周期的なdepdendencyを引き起こしているプロバイダに注入できるからです。

次のように働いてレポが必要な場合は、example