我最近开始使用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 });
答案 0 :(得分:1)
您获得的错误可能是因为您使用新的nativescript路由器集成(nativescript-angular/router
)与旧的角度路由器(@angular/router-deprecated
)。
您可以通过将导入更改为nativescript-angular/router-deprecated
来解决此问题。
或者,您可以启动新的角度路由器(@angular/router
)。 Here是一篇关于如何使用NativeScript配置和使用它的新文档。