Модуль Angular LazyLoad вызывает странный компонент

Question

Когда в моем приложении Angular 7 включена отложенная загрузка, при маршрутизации на дочерний компонент я получаю сообщения об ошибках MainComponent, которых нет ни в одном модуле.

В app.module.ts MainComponent - это то, что загружается при запуске приложения. Я вижу этот компонент без проблем. Затем я добавил это к моему app.routing.ts

{ path: 'ftb', loadChildren: './floor-to-book/floor-to-book.module#FloorToBookModule'},

и в `floor-to-book-routing.module.ts я получил это:

const routes: Routes = [
    {path: ':id', component: FloorToBookSweepComponent}
];

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

Если я перейду к .../ftb/1234, я получу эту ошибку:

Ошибка: компонент MainComponent не является частью какого-либо модуля NgModule или модуль не был импортирован в ваш модуль. Ошибка: компонент MainComponent не является частью какого-либо модуля NgModule или модуль не был импортирован в ваш модуль.

Я подтвердил, что MainComponent существует только в app-routing.module.ts и app.module.ts