AppComponent中的错误

时间:2016-07-05 09:56:19

标签: typescript angular nativescript

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

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

的设备上

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

...

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 });

1 个答案:

答案 0 :(得分:1)

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

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