Angulaire 4 dépendance Circulaire détecté
La mise à niveau Angulaire de la Cli pour 1.3.1 j'ai quelques mises en garde maintenant
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
Chaque classe ont une structure comme ceci:
travail de session-liste.le routage.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';
de travail des sessions de la liste.le 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 dans app.le routage.ts
export const AppRoutes: Routes = [
{
path: 'workSession',
loadChildren: './work-sessions/work-session-list/work-session-list.module#WorkSessionListModule'
}
.
.
.
Et dans app.module
@NgModule({
imports: [
CommonModule,
BrowserAnimationsModule,
FormsModule,
RouterModule.forRoot(AppRoutes),
})
],
declarations: [
AppComponent
]
bootstrap: [AppComponent]
})
export class AppModule {}
Comment puis-je résoudre ce problème? Il fonctionne, mais j'ai beaucoup de mises en garde
OriginalL'auteur Alessandro | 2017-09-08
Vous devez vous connecter pour publier un commentaire.
Comme l'avertissement dit,
work-session-list.routing.ts
dépendindex.ts
:Et
index.ts
dépendwork-session-list.routing.ts
:La première dépendance est pas nécessaire, car vous pouvez importer
WorkSessionListComponent
directement à partir de son fichier source:Ce changement devrait résoudre le problème.
index.ts
fichiers sont connus commebarrels
, qui ont été utiles avant de Angular2 BA 5, car il n'y avait pas NgModules à l'époque. Tonneaux étaient la seule solution pour éviter d'innombrables importations / exportations. Maintenant que nous avons des modules, ils sont obsolètes. angulaire.io/guide/glossaire#barilil fait quelque chose de mal? Je reçois le message d'avertissement après la mise à niveau de la cli
À l'aide de barils est toujours utile, tout en ayant NgModules!
Même avec l'existence de
ngModule
de l'OMI, de l'indice.ts est bénéfique seuil d'éviter d'innombrables importations.OriginalL'auteur Ján Halaša