core.mjs:6495 错误错误：未捕获（承诺）：错误：无法匹配任何路由。 URL 段：'home/headers'答案

【问题标题】：core.mjs:6495 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'home/headers'core.mjs:6495 错误错误：未捕获（承诺）：错误：无法匹配任何路由。 URL 段：'home/headers'
【发布时间】：2022-01-09 13:34:56
【问题描述】：

我的辅助路由器出口有问题，我无法定位嵌套路由的 url。请帮忙

app.component.html

<app-header></app-header>
<router-outlet name="snippetOutlet"></router-outlet>
<div class="content">
  <div class="space-40"></div>
  <div class="frame">
    <div class="grid">
      <div class="block-2">
        <sidenav></sidenav>
      </div>
      <div class="block-8">
        <router-outlet></router-outlet>
      </div>
    </div>
  </div>
  <app-footer></app-footer>
</div>

app.module.ts

const appRoutes: Routes = [{
  {
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'home',
    component: IntroductionComponent
  },
  {
    path: 'snippets',
    component: snippetsComponent,
    children: [{
      path: 'headers',
      component: HeadersComponent,
      outlet: 'snippetOutlet'
    }]
  },
  {
    path: 'layout',
    component: LayoutComponent
  },
];

其他所有路由都没有问题，唯一的问题是我无法定位此嵌套路径：

nav.component.html

<a routerLink="/snippets/headers" routerLinkActive="current" class="tabs">Header</a>

【问题讨论】：

headers 设置在 snippets 内。 routerLink 应该是/snippets/headers？
@SurajRao 对不起，这只是我在搞乱代码，最初它设置为 sn-p/headers。我改了上面的代码
你的意思是喜欢stackoverflow.com/questions/47374308/…吗？
@SurajRao 任何东西都不起作用，包括评论中的 stackblitz，但我做了一些修改，它正在工作。谢谢

标签： angular angular-cli router-outlet

【解决方案1】：

从链接@SurajRao 在评论中找到答案。但是做了一点修改和工作。

<li><a [routerLink]="['snippets', { outlets: { 'snippetOutlet': ['headers'] } }]" class="tabs">Header</a></li>

【讨论】：