Angular 找不到 2 的指定路由器出口？

Question

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

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!!

希望对您有所帮助！！

Angular 找不到 2 的指定路由器出口？

Angular 2's named router outlet cannot be found?

angularjs

angular2-routing