Lazy loading angular, почему подгружается только компонент с path: ' '?

Question

[Nikolaj Alyabiev]

Здравствуйте, такая проблема, начал добавлять в приложение lazy loading, и вышло так что грузиться только компонент по path: ' '
Урл при клике исправно меняеться и ошибок при сборке нету, однако отображения компонента нету, как пофиксить?
Вот компонент с роутами:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router';


const routes: Routes = [
    {
        path: '',
        loadChildren: () => import('../character/all-characters/all-characte.module')
        .then(module => module.AllCharacterModule)
    },
    {   
        path: 'planets', 
        loadChildren: () => import('../planet/all-planets/all-planets.module')
        .then(module => module.AllPlanetsModule)
    },
    {   
        path: 'planets/planet/:id', 
        loadChildren: () => import('../planet/planet-details/planet-details.module')
        .then(module => module.PlanetDetailsModule)
    },
    {   
        path: 'character/:id', 
        loadChildren: () => import('../character/character-details/character-details.module')
        .then(module => module.CharacterDetailsModule)
    }
];


@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    RouterModule.forChild(routes)
  ]
})
export class LazyLoadingModule { }