Question

我最近开始使用Typescript并遇到很多错误。我无法真正找到我改变的内容以获取错误，但我的项目之前正在进行中。控制台告诉我：

项目已成功构建已成功部署在具有标识符＆＃39; 97BCBE2D-2771-44B1-A589-6BAAB994CE37＆＃39;

的设备上

但是它显示了很多错误和例外：

...

CONSOLE LOG文件：///app/tns_modules/@angular/core/src/facade/lang.js：345：16：EXCEPTION：./AppComponent类中的错误AppComponent - 内联模板：0：0

CONSOLE LOG文件：///app/tns_modules/@angular/core/src/facade/lang.js：345：16：ORIGINAL EXCEPTION：没有RouterOutletMap的提供者！

...

CONSOLE ERROR file：///app/tns_modules/trace/trace.js：160：30：ns-renderer：ERROR BOOTSTRAPPING ANGULAR

CONSOLE ERROR文件：///app/tns_modules/trace/trace.js：160：30：ns-renderer：EXCEPTION：./AppComponent类中的错误AppComponent - 内联模板：0：0

...

EXCEPTION：错误：未捕获（在承诺中）：EXCEPTION：./AppComponent类中的错误AppComponent - 内联模板：0：0

...

未处理的Promise拒绝：EXCEPTION：./AppComponent类中的错误AppComponent - 内联模板：0：0

您能解释一下这些错误的含义以及解决方法吗？

我的app.component.ts文件：

import {Component} from "@angular/core";
import {RouteConfig} from "@angular/router-deprecated";
import {NS_ROUTER_DIRECTIVES, NS_ROUTER_PROVIDERS} from "nativescript-angular/router";

import {ListComponent} from "./components/list/list.component";
import {CreateComponent} from "./components/create/create.component";

@Component({
   selector: "my-app",
   directives: [NS_ROUTER_DIRECTIVES],
   providers: [NS_ROUTER_PROVIDERS],
   template: "<page-router-outlet></page-router-outlet>",
})

@RouteConfig([
   { path: "/list", component: ListComponent, name: "List", useAsDefault: true },
   { path: "/create", component: CreateComponent, name: "Create" },
])

export class AppComponent {}

我的main.ts看起来像这样：

import {nativeScriptBootstrap} from "nativescript-angular/application";
import {AppComponent} from "./app.component"; 

nativeScriptBootstrap(AppComponent, null, { startPageActionBarHidden: false });

Answer 1

您获得的错误可能是因为您使用新的nativescript路由器集成（nativescript-angular/router）与旧的角度路由器（@angular/router-deprecated）。您可以通过将导入更改为nativescript-angular/router-deprecated来解决此问题。

或者，您可以启动新的角度路由器（@angular/router）。 Here是一篇关于如何使用NativeScript配置和使用它的新文档。

AppComponent中的错误

1 个答案: