nativescript - NativeScript 应用程序路由器错误。我的应用程序无法启动

Question

我在运行我的应用程序时遇到错误。

我的应用程序构建如下：应用程序组件应该导航到应用程序路由并从那里导航到页面组件。pages-component 模板是“router-outlet”，它导航到在视图之间导航的 pages-routes。

我是这样做的：

主要应用组件：

import { Component } from "@angular/core";
import { PagesComponent } from '~/pages/pages.component'

@Component({
    selector: "ns-app",
    template: "<router-outlet></router-outlet>"
})

export class AppComponent { }

主要应用程序路线：

import { PagesComponent } from "~/pages/pages.component";
import { LoginComponent } from "~/pages/login/login.component";
import { RegisterComponent } from "~/pages/register/register.component";
import { AuthGuard } from "~/@shared/services/auth-guard.service";
import { TaskListComponent } from "~/pages/task-list/task-list.component";


export const AUTH_PROVIDERS = [
    AuthGuard
]; 
export const APP_ROUTES = [

    { path: "", redirectTo: "/pages", pathMatch: "full" },
    { path: "**", redirectTo: "" },

    ];

页面组件：

import { OnInit, Component } from "@angular/core";
import { RouterExtensions } from "nativescript-angular/router";
import { Router } from "@angular/router";

@Component({
    moduleId: module.id,
    selector: "pages",
    template: "<router-outlet></router-outlet>"
})
export class PagesComponent implements OnInit {

    constructor(private routerExtensions: RouterExtensions, private router: 
Router) {

    }

    ngOnInit(): void {
    }


}

页面路由：

import { NativeScriptRouterModule } from "nativescript-angular/router";
import { ModuleWithProviders } from "@angular/core";
import { PagesComponent } from "~/pages/pages.component";
import { LoginComponent } from "~/pages/login/login.component";
import { RegisterComponent } from "~/pages/register/register.component";
import { AuthGuard } from "~/@shared/services/auth-guard.service";
import { TaskListComponent } from "~/pages/task-list/task-list.component";



const PAGES_ROUTES = [
            {path: "pages", component: PagesComponent, children: [
            { path: "login", component: LoginComponent },
            { path: "register", component: RegisterComponent },
            { path: "task-list", canActivate: [AuthGuard], component: 
TaskListComponent },
            { path: "", redirectTo: "/task-list", pathMatch: "full" },

        ]
    },

];
//, canActivate:[AuthGuard]
export const PagesRoutingModule: ModuleWithProviders = 
NativeScriptRouterModule.forRoot(PAGES_ROUTES);

我遇到的错误：

错误截图

你认为可能是什么问题？我错过了什么吗？

谢谢你 ！

标签： nativescriptrouter-outlet