我不知道是什么使路由崩溃

Question

错误：

因此，该错误会继续在本地弹出，但不会在托管版本（https://chez-mout.web.app/home/index）上弹出

我刚刚完成了我今年在学校学到的知识，创建了路由模块，并传递每个子模块来处理自己的路由。猜猜我在某个地方犯了一个错误，但我似乎找不到。这是一些代码：

路由

const routes: Routes = [
 { path: 'home', loadChildren: './home/home.module#HomeModule' },
 { path: 'recipes', loadChildren: './recipe/recipe.module#RecipeModule' },
 {
   path: 'reservation',
   loadChildren: './reservation/reservation.module#ReservationModule'
 },
 {
   path: 'review',
   loadChildren: './review/review.module#ReviewModule'
 },
 { path: '', redirectTo: 'home/index', pathMatch: 'full' },
 { path: '**', component: PageNotFoundComponent }
];
@NgModule({
 imports: [
   RouterModule.forRoot(routes, {
     preloadingStrategy: PreloadAllModules
   }),
   CommonModule
  ],
  exports: [RouterModule]
})
export class AppRoutingModule {}

HomeModule

const appRoutes: Routes = [
 {
   path: "index",
   component: HomeComponent
 }
];

@NgModule({
 declarations: [HomeComponent],
 imports: [
   CommonModule,
   MDBModule,
   RouterModule.forChild(appRoutes),
   ParallaxDirective
 ]
})
export class HomeModule {}

我的其他模块看起来完全一样，如果您需要它们，我会发布它们