'NativeScript, TypeScript and Angular2

Question

새로운 각도 라우터 버전 3.0.0-alpha.7을 사용하여 NativeScript 2.1.0 및 TypeScript 1.8.10의 응용 프로그램에서 Angular2 rc3으로 작업하고 있습니다. 페이지 라우터 출력을 사용하려고하는데 오류가 발생합니다. 현재 Windows의 에뮬레이터에서 Android 5.1.1에서 컴파일 및 테스트 중입니다. 응용 프로그램은 나를 위해 한 번 실행했지만 심지어 그때 나는 Cannot match any routes: '' 오류가 발생했습니다. 뭔가 (확실하지 않은 무엇인가) 바뀌었지만 지금 실행하면 빈 페이지, 내 내 PageNavigationApp 구성 요소는 아래 참조하십시오. 저의 의도는 1 페이지와 2 페이지에 대한 액세스 권한을 얻는 것입니다.하지만 페이지 라우터 아웃렛 구성 요소의 역할을 이해하지 못하고있는 것 같습니다. 그건 제쳐두고, 나는 애플 리케이션이 실행되면 많은 오류가 나타납니다. '재산 읽을 수 없습니다'정의의 visitExpression을 '

import {nativeScriptBootstrap} from 'nativescript-angular/application'; 
import {Component} from '@angular/core'; 
import {Router, RouterConfig} from '@angular/router'; 
import {NS_ROUTER_DIRECTIVES, nsProvideRouter} from 'nativescript-angular/router'; 

@Component({ 
    selector: 'nav', 
    directives: [NS_ROUTER_DIRECTIVES], 
    template: `<page-router-outlet></page-router-outlet>` 
}) 
export class PageNavigationApp { 
} 

@Component({ 
    selector: "first", 
    directives: [NS_ROUTER_DIRECTIVES], 
    template: ` 
    <StackLayout> 
     <Label text="First component" class="title"></Label> 
     <Button text="GO TO SECOND" [nsRouterLink]="['/second']" class="link"></Button> 
    </StackLayout>` 
}) 
export class FirstComponent { } 

@Component({ 
    selector: "second", 
    directives: [NS_ROUTER_DIRECTIVES], 
    template: ` 
    <StackLayout> 
     <Label text="Second component" class="title"></Label> 
     <Button text="GO TO FIRST" [nsRouterLink]="['/first']" class="link"></Button> 
    </StackLayout>` 
}) 
export class SecondComponent { } 

const routes: RouterConfig = [ 
    /*{path: "", redirectTo: "/first", terminal: true },*/ 
    {path: "nav", component: PageNavigationApp}, 
    {path: "first", component: FirstComponent}, 
    {path: "second", component: SecondComponent} 
] 

export const APP_ROUTER_PROVIDERS = [ 
    nsProvideRouter(routes, {enableTracing: false}) 
] 

nativeScriptBootstrap(PageNavigationApp, [APP_ROUTER_PROVIDERS]); 

내가지고있어 오류가 어떤 경로를 일치하지 않을 수 있습니다

여기 내 main.ts 파일의 코드입니다.

나는이 게시물을 찾았습니다. 기본 경로와 관련하여 (필자는 어쨌든 생각합니다) 일치하도록 코드를 변경했습니다. 아래를 참조하십시오. angular2 rc3 router alpha 3.0.0.7 default route

편집

나는 내 코드를 변경 한 다음하지만 난 visitExpression 오류 받고 있어요 :

... 

@Component({ 
    selector: 'nav', 
    directives: [NS_ROUTER_DIRECTIVES], 
    template: `<page-router-outlet></page-router-outlet>` 
}) 

... 

const routes: RouterConfig = [ 
    {path: '', redirectTo: '/first', terminal: false }, 
    {path: 'first', component: FirstComponent}, 
    {path: 'second', component: SecondComponent} 
] 

내가 갖는 새로운 오류는 다음과 같습니다

을

Uncaught (in promise): TypeError: Cannot read property 
'visitExpression' of undefined at resolvePromise 
(/data/data/org.nativescript.myapp/files/app/tns_modules/ 
zone.js/dist/zone-node.js:496:32) 

Answer 1

문제는 라우터의 기본 페이지를 설정하지 않았기 때문입니다. 라우터 구성에서 먼저 표시 할 경로에 useAsDefault: true을 추가해야합니다.