找不到Angular 2的命名路由器插座？

Question

我有一个重定向到登录文件的主要app.component文件。我想要在整个应用程序中命名路由器插座，因为我需要导航到应用程序中不同位置的完整页面视图。不幸的是，重定向不起作用，角抱怨

RROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'login'

下面的代码

nav class="navbar navbar-default navbar-static-top"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <div class="navbar-brand"> 
     <p class="text-primary"> 
      <strong> Zuora Ecommerce Portal </strong> 
     </p> 
     </div> 
    </div> 
    <ul class="nav navbar-nav navbar-left"> 
     <li> 
     <a href="#Login"> 
      <strong>Login</strong> 
     </a> 
     </li> 
     <li><a href="#Your Info"><strong>Account Information</strong></a></li> 
     <li><a href="#inv"><strong>Billing and Payments</strong></a></li> 
    </ul> 
    </div> 
</nav> 
<router-outlet></router-outlet> 
<router-outlet name="main"></router-outlet> 

而这里的路由配置：

import { NgModule }    from '@angular/core'; 
import { RouterModule, Routes } from '@angular/router'; 
import {Login} from "./login.component"; 

const routes: Routes = [ 
    { path: '', redirectTo: '/login', pathMatch: 'full' }, 
    { path: 'login', component: Login, outlet:'main'}, 
]; 

@NgModule({ 
    imports: [ RouterModule.forRoot(routes) ], 
    exports: [ RouterModule ] 
}) 
export class AppRoutingModule {} 

Answer 1

更新您像下面的默认路由，

... 
{ path: '', redirectTo: '/(main:login)', pathMatch: 'full' }, 
... 

检查这个Plunker!!

希望这可以帮助！