Cyclic lỗi phụ thuộc TransferHttpCacheModule, LocalizeRouterModule, TranslateModule

Question

tôi cần các module sau đây để dự án của tôi:

TranslateModule LocalizeRouterModule TransferHttpCacheModule

Bằng cách nào đó sự kết hợp này của module đang tạo ra một sự phụ thuộc theo chu kỳ.

TranslateModule với TransferHttpCacheModule - công trình TranslateModule với LocalizeRouterModule - công trình

Nhưng khi tôi nhập cả ba nó gây ra một chu kỳ phụ thuộc.

Không thể khởi tạo phụ thuộc tuần hoàn! ApplicationRef ("[LỖI ->]"): trong NgModule AppBrowserModule trong ./AppBrowserModule@-1:-1

Kiểm tra plnkr cho sinh sản của vấn đề: 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

Bạn không cần phải có LocalizeRouterModule theo nhập khẩu vì nó có thể được tiêm vào các nhà cung cấp đang gây ra sự phụ thuộc chu kỳ.

Khắc phục sự cố như sau,

@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

nếu bạn cần một repo làm việc, xem xét điều này như một example