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

中