angular – ¿Como implementar Lazy-Loading con rutas hijas?

Cordial saludo

La presente es para manifestar una duda técnica, como se podría implementar rutas hijas para un componente padre utilizando la técnica de lazy loading, no he logrado lograr que se me visualice un componente hijo dentro de un modulo generado mediante lazy loading, tengo lo siguiente pero no funciona.

Este es el modulo AboutComponent

import {NgModule} from '@angular/core';
import {RouterModule, Routes} from '@angular/router';
import {AboutComponent} from './about.component';
import {ChildrenComponent} from './children/children.component';

  const routes: Routes = (
  {
  path: '', component: AboutComponent,
   children: (
   {
    path: 'children', component: ChildrenComponent
     }
   )
 },
); 

@NgModule({
imports: (RouterModule.forChild(routes)),
 exports: (RouterModCordial saludo

La presente es para manifestar una duda técnica, como se podría implementar rutas hijas para un componente padre utilizando la técnica de lazy loading, no he logrado lograr que se me visualice un componente hijo dentro de un modulo generado mediante lazy loading, tengo lo siguiente pero no funciona.

Este es el modulo AboutComponent

import {NgModule} from '@angular/core';
import {RouterModule, Routes} from '@angular/router';
import {AboutComponent} from './about.component';
import {ChildrenComponent} from './children/children.component';

const routes: Routes = (
  {
    path: '', component: AboutComponent,
    children: (
      {
        path: 'children', component: ChildrenComponent
      }
    )
  },
);

@NgModule({
  imports: (RouterModule.forChild(routes)),
  exports: (RouterModule)
})
export class AboutRoutingModule {
}

Este es el modulo principal de las rutas

import {NgModule} from '@angular/core';
import {RouterModule, Routes} from '@angular/router';
import {HomeComponent} from './home/home.component';

const routes: Routes = (
  {path: 'home', component: HomeComponent},
  {
    path: 'about', loadChildren: () => import('./about/about.module')
      .then(m => m.AboutModule)
  },
  {path: '', redirectTo: 'home', pathMatch: 'full'},
);

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