index.html page load (Angular 2 RC-7), но не может соответствовать никаким маршрутам: '' в консоли

Question

Сначала я создаю свой интерфейс и настраиваю несколько страниц для маршрутизации друг к другу, чем я подключу весеннюю загрузку для бэкэнд.

Однако моя индексная страница загружается, но на моей консоли появляется следующая ошибка.

core.umd.js:5995 EXCEPTION: Uncaught (in promise): Error: Cannot match any routes: ''

routes.config.ts

const appRoutes: Routes = [ 
    {path:'home', component: HomeComponent, useAsDefault: true}, 
    {path:'login', component: LoginComponent}, 
    //{ path: '**', component: Error404Page } 
    // {path: '/register', name:'Register', component: Register}, 
]; 

export const appRoutingProviders: any = [ 

]; 

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes); 

Текущий только Войти страница будет готова, вот компонент:

@Component({ 
    moduleId: module.id, 
    selector: 'login', 
    templateUrl:'./login.html' 
}) 

export class LoginComponent { 

    login:LoginModel = new LoginModel(); 

    constructor(public loginService:LoginService){ 
     console.log("Inside constructor...") 
    } 

    onSubmit() { 

    } 
} 

app.module.ts

@NgModule({ 
    imports: [BrowserModule, FormsModule, routing], 

    declarations: [AppComponent, 
     LoginComponent, HomeComponent,NavigationBar], 

    providers:[LoginService, appRoutingProviders], 

    bootstrap: [AppComponent] 
}) 
export class AppModule { 

} 

Я прочитал последние уроки Angular, и кажется, что я делаю это правильно.

Answer 1

Вам нужно установить маршрут по умолчанию, которая не существует в вашей маршрутизации,

ПРИМЕЧАНИЕ: не уверен, но useAsDefault удаляется, но по-прежнему необходимо, чтобы подтвердить это от кого-то

const appRoutes: Routes = [ 

{path:'',redirectTo:'home', pathMatch: 'full'}, //<<<===here 
{path:'home', component: HomeComponent}, 
{path:'login', component: LoginComponent}, 

]; 

Также убедитесь, что AppComponent имеет <router-outlet> где-то в HTML.