角延迟加载

Question

最近在延迟加载方面遇到了一些麻烦。现在我不确定这是否应该发生（我已经尝试搜索该问题，但是如果我说实话，我什至不知道该怎么写）。

所以我会像平常一样为设置延迟加载的模块做所有事情。确保正确设置应用程序路由模块的所有步骤：

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


const routes: Routes = [
  { 
    path: 'home', 
    loadChildren: './shared/modules/homepage/homepage.module#HomepageModule' 
  },
];

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

然后，确保使用延迟加载的模块（在本例中为主页模块）正确设置了所有内容：

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

//~~~~ Important:
import { HomeMainComponent } from './components/home-main/home-main.component';

const homeRoutes: Routes = [
  { 
    path: '',
    component: HomeMainComponent, 
  }
]


@NgModule({
  declarations: [
    HomeMainComponent
  ],
  imports: [
    CommonModule,
    RouterModule.forChild(homeRoutes),
  ],
  exports: [
    HomeMainComponent 
  ]
})
export class HomepageModule { }

现在我还没有为app路由器模块中的path：''做重定向路径，但是由于某种原因，在localhost：4200 /，它加载了home模块。在Augury中，这是我目前看到的内容：

Augury Routing Tree

根据我的理解，我已经正确地完成了所有操作，并且已经进行了无数次这样的尝试，才知道这里有问题。有人对我缺少什么有任何想法吗？谢谢！

Answer 1

在较新版本中更改了延迟加载的方式，将路由的配置重构为：