我正在尝试通过命名的出口向我的应用添加/login路由。所有其他路由都在主要出口内，并且仅登录页面应位于其他出口中。这是我为/login中appRoutes数组中的app.module.ts路由设置的：
{ path: 'login',
component: LoginComponent,
data: { title: 'Login' },
outlet: 'login'
}
在我的app.component.html模板中，我有以下内容：
<app-main-nav>
<router-outlet></router-outlet>
</app-main-nav>
<router-outlet name="login"></router-outlet>
我试图通过在浏览器中键入URL直接导航到登录页面，但是出现错误Error: Cannot match any routes. URL Segment: 'login'
当我将登录路由添加到主要出口时，它可以正常工作，但是<app-main-nav>包裹在其周围，这正是我要将此页面与其余页面分开并为其提供自己出口的原因。我搜索了此错误消息，但是对于大多数人来说，问题似乎是routerLink在他们的模板中是错误的，但是由于我试图通过URL栏手动导航至此路由，因此这些解决方案不适用于我。我的代码有什么问题？