순환 종속성 오류 TransferHttpCacheModule, LocalizeRouterModule, TranslateModule

Question

나는 내 프로젝트에 대해 다음과 같은 모듈이 필요합니다. TransferHttpCacheModule와

TranslateModule은 - LocalizeRouterModule와 TranslateModule 작동 -

작동하지만이 세 가지를 모두 가져올 때 그것은 종속성 순환의 원인.

주기적 종속성을 인스턴스화 할 수 없습니다! ApplicationRef ("[ERROR ->]") : 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

당신은 할 필요가 없습니다 :

문제의 재생을위한 plnkr을 확인 ./AppBrowserModule@-1:-1

에서 NgModule AppBrowserModule에 주기적인 Dependency를 일으키는 프로 바이더에 인젝션 할 수 있기 (위해) 때문에, LocalizeRouterModule를 임포트하에두고 있습니다. 그것은 다음과 같이

수정,

@NgModule({ 
    imports: [ 
     HttpClientModule, 
     BrowserModule, 
     BrowserAnimationsModule, 
     TransferHttpCacheModule, 
     TranslateModule.forRoot({ 
      loader: { 
      provide: TranslateLoader, 
      useFactory: (createTranslateLoader), 
      deps: [HttpClient] 
      } 
     }), 

     RouterModule.forRoot([]) 
    ], 
    declarations: [ 
     AppComponent, 
     LocalizeRouterPipe 
    ], 
    providers: [TranslateModule ], 
    bootstrap: [AppComponent] 
}) 

PLUNKER

당신이 작업의 repo 필요하면, 당신의 저장소에 보이는 example