如何在角度7中更正嵌套路由？

Question

有人可以告诉我在我的项目中使用多个模块时如何正确设置路由？我有app.module和administration.module，其模块gestion-profil.module下声明了一些组件。我想知道如何连接模块并在Administration.module中正确编辑路由。这是我的项目架构：

这是我的代码：

app.routing.module.ts：

  {
    path: 'M_DROIT_USER',
    loadChildren:'./features/administration-module/administration-module.module#AdministrationModule'
  }
   ];


@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule {
}

gestion-administration-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { GestionprofilComponent } from './gestion- 
profile/Components/gestionprofil/gestionprofil.component';
const routes: Routes = [
{
  path: '',
  children: [{
   loadChildren:'./features/administration-module/gestion-profile/gestion- 
 profile.module#GestionProfileModule'}]
}
 ];
@NgModule({
 imports: [RouterModule.forChild(routes)],
  declarations: [GestionprofilComponent ],
 exports: [RouterModule]
  })
 export class GestionAdministrationRoutingModule { }

administration-module.module.ts

import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
import { GestionProfileModule } from './gestion-profile/gestion-profile.module';
import { GestionprofilComponent } from './gestion- 
profile/Components/gestionprofil/gestionprofil.component';

@NgModule({
declarations: [ ],
 imports: [
  CommonModule
  ]
 })
 export class AdministrationModule { }

gestion-profile.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { GestionprofilComponent } from './Components/gestionprofil/gestionprofil.component';

@NgModule({
 declarations: [GestionprofilComponent],
 imports: [
CommonModule,
 ]
  })
 export class GestionProfileModule { }

gestion-profil-routing.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
 import { Routes, RouterModule } from '@angular/router';
import { GestionprofilComponent } from './Components/gestionprofil/gestionprofil.component';

const routes: Routes = [
 {
  path: '',
  component: GestionprofilComponent,
  pathMatch: 'full',
 }
 ,
 {
  path: 'M_DROIT_GRP',
  component: GestionprofilComponent,
 },
];
@NgModule({
 declarations: [],
imports: [
  RouterModule.forChild(routes)
 ]
})
export class GestionProfilRoutingModule { }

如何解析角度7中的嵌套常规例程？

Answer 1

问题似乎出在您的gestion-administration-routing.module.ts文件上。将路由更改为以下内容：

const routes: Routes = [
    {
        path: '',
        loadChildren: './features/administration-module/gestion-profile/gestion- profile.module#GestionProfileModule'
    }

编译器抱怨您没有loadChildren或该路径的组件。