Маршрутизация не работает в Angular2

Question

Моя маршрутизация не работает в Angular2, чтобы продемонстрировать точку, я поставил тот же компонент, что и место назначения для корня моего сайта, и /login. Компонент работает на http://localhost:3000, но в http://localhost:3000/login я просто получаю уведомление «Can not GET/login».

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

два маршрута в один @RouteConfig(...) не может иметь такое же имя:

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

Вы должны двигаться ROUTER_PROVIDERS к bootstrap() (как HTTP_PROVIDERS)