angular - 错误：无法匹配任何路由。URL 段：'home/details' - Angular Nativescript 延迟加载

Question

我已经在我的 Nativescript Angular 应用程序中实现了延迟加载，但是在延迟加载模块中导航时遇到了问题。

App.routing.ts 路径设置如下：

{
    path: "masterpage",
    component: MasterPageComponent,
    canActivate: [AuthGuard],
    children: [
        {
            path: "home",
            outlet: "homeOutlet",
            loadChildren: () =>
                import("./modules/home/home.module").then(
                    (m) => m.HomeModule
                ),
        },
        {
            path: "account",
            outlet: "accountOutlet",
            loadChildren: () =>
                import("./modules/account/account.module").then(
                    (m) => m.AccountModule
                ),
        },
},

在 home.routing.ts 中：

const routes: Routes = [
    {
        path: "",
        component: HomePageComponent,
    },
    {
        path: "details",
        component: PartnerDetailsPageComponent,
    },
];

我试图在主模块中的组件内导航到的路径：

  <StackLayout class="partner-items" nsRouterLink="/home/details">

但我得到的错误是：

ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'home/details'
Error: Cannot match any routes. URL Segment: 'home/details'

我是否在延迟加载的主模块中错误地设置了路由？

如果有解决方案，请在您的答案中显示代码并进行解释。

请注意，/home 在 page-router-outlet 中正确显示并显示正确的页面。但问题是从这里导航到/home/details。

此外，HomePageComponent 不是可以添加 page-router-outlet 的布局页面，而是详细信息页面之前的第一页。

标签： angulartypescriptnativescriptlazy-loading