ルーティングがAngular2で機能しない

Question

My RoutingがAngular2で機能していないため、そのポイントを示すために、サイトのルートと/loginの両方の宛先と同じコンポーネントを配置しています。コンポーネントはhttp://localhost:3000で動作しますが、http://localhost:3000/loginには、「GET /ログインできません」という通知が表示されます。

app.component.ts：

import { Component } from 'angular2/core'; 
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from 'angular2/router'; 

import {TodoService} from './todo/services/todo.service'; 
import { TodoCmp } from './todo/components/todo.component'; 
import { LoginComponent } from './user/components/login.component'; 
import { UserService } from './user/services/user.service'; 


@Component({ 
    selector: 'my-app', 
    template: ` 
    <h1>{{title}}</h1> 
    <router-outlet></router-outlet> 
    `, 
    styleUrls: ['client/dev/todo/styles/todo.css'], 
    directives: [ROUTER_DIRECTIVES], 
    providers: [ 
    ROUTER_PROVIDERS, 
    TodoService 
    ] 
}) 
@RouteConfig([ 
    { 
    path: '/', 
    name: 'TodoCmp', 
    component: TodoCmp, 
    useAsDefault: true 
    }, 
    { 
    path: '/login', 
    name: 'TodoCmp', 
    component: TodoCmp 
    } 
]) 

export class AppComponent { 
    title = 'ng2do'; 
} 

は、ここに私のindexファイルへのリンクです。 どうしたのですか？

Answer 1

つ1 @RouteConfig(...)内のルートが同じ名前することはできません：あなたはROUTER_PROVIDERS（HTTP_PROVIDERSのような）bootstrap()に移動しなければならない

@RouteConfig([ 
    { 
    path: '/', 
    name: 'TodoCmp', 
    component: TodoCmp, 
    useAsDefault: true 
    }, 
    { 
    path: '/login', 
    name: 'TodoCmp', <!-- <<<== should be 'Login' instead of 'TodoCmp' 
    component: TodoCmp 
    } 
]) 

を