why is specific module not shown when using the lazyloading?

“When I am using load Children, the normal routes is
working but the module is not working in angular 7”

“This is for the Linux running Angular7.”
home-page.routing.module.ts:

    import { NgModule } from '@angular/core';
    import { Routes, RouterModule } from '@angular/router';
    import { HomePageComponent } from './home-page.component';
    const routes: Routes = [{
    path: '',
     component: HomePageComponent,
    }];

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

    export const routedComponents = [
      HomePageComponent,
    ];

    home-page.module.ts:
    import { NgModule } from '@angular/core';
    import { ChartsModule } from '../charts/charts.module';
    import { ThemeModule } from '../../@theme/theme.module';
    import { HomePageRoutingModule, routedComponents } from 
    './home-page-routing.module';
    import { NgxPaginationModule } from 'ngx-pagination';
    @NgModule({
    imports: [
      ThemeModule,
      ChartsModule,
      HomePageRoutingModule,
      NgxPaginationModule,
    ],
    declarations: [
      routedComponents,
    ],
    })
    export class HomePageModule { }

    app-routing.module.ts:
    import { RouterModule, Routes } from '@angular/router';
    import { NgModule } from '@angular/core';
    const routes: Routes = [{
    path: 'asset',
     loadChildren: './home-page/home-page.module#HomePageModule',
    }];

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

“The component is not working.”
I mentioned my code above.

Source: New feed