tab - set title angular 4

Dependencia circular angular 4 detectada

Question

Actualizando Angular Cli a 1.3.1 Tengo algunas advertencias ahora

WARNING in Circular dependency detected: src/app/work-sessions/work-session-list/work-session-list.routing.ts
-> src/app/work-sessions/work-session-list/index.ts -> src/app/work
-sessions/work-session-list/work-session-list.routing.ts

Cada clase tiene una estructura como esta:

work-session-list.routing.ts

import { Route } from ''@angular/router'';
import { WorkSessionListComponent } from ''./index'';

export const WorkSessionRoutes: Route[] = [
  {
    path: '''',
    component: WorkSessionListComponent
  },
];

Index.ts

export * from ''./work-session-list.component'';
export * from ''./work-session-list.routing'';

work-session-list.module.ts

import { WorkSessionListComponent } from ''./work-session-list.component'';
import { WorkSessionRoutes } from ''./work-session-list.routing'';
import { DataTableModule } from ''primeng/primeng'';
import { CommonModule } from ''@angular/common'';
import { NgModule } from ''@angular/core'';
import { FormsModule } from ''@angular/forms'';
import { RouterModule } from ''@angular/router'';

@NgModule( {
    imports: [RouterModule.forChild( WorkSessionRoutes ), CommonModule , FormsModule],

    declarations: [WorkSessionListComponent],
    exports: [WorkSessionListComponent]
} )

export class WorkSessionListModule { }

Que en app.routing.ts

export const AppRoutes: Routes = [
      {
        path: ''workSession'',
        loadChildren: ''./work-sessions/work-session-list/work-session-list.module#WorkSessionListModule''
      }
.
.
.

Y en app.module

 @NgModule({
imports: [
CommonModule,
BrowserAnimationsModule,
FormsModule,
RouterModule.forRoot(AppRoutes),
 })
  ],
  declarations: [
    AppComponent
  ]
  bootstrap: [AppComponent]
})
export class AppModule {}

¿Como puedo resolver esto? Funciona pero tengo muchas advertencias.

Answer 1

Como dice la advertencia, work-session-list.routing.ts depende de index.ts :

import { WorkSessionListComponent } from ''./index'';

Y index.ts depende de work-session-list.routing.ts :

export * from ''./work-session-list.routing'';

La primera dependencia no es necesaria, ya que podría importar WorkSessionListComponent directamente desde su archivo fuente:

import { WorkSessionListComponent } from ''./work-session-list.component'';

Este cambio debería solucionar el problema.