时间戳

首页 > 解决方案 > “无法匹配任何路由。URL 段：...”尝试使用命名插座时出错

angular - “无法匹配任何路由。URL 段：...”尝试使用命名插座时出错

问题描述

我正在尝试/login通过命名插座向我的应用程序添加路由。所有其他路由都在主要出口中，只有登录页面应该在不同的出口中。这是我在数组中的/login路由设置：appRoutesapp.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 栏手动导航到这条路线，这些解决方案不适用于我。我的代码有什么问题？

标签： angularangular-routingangular8angular-router

解决方案

试试这个网址

http://localhost:4200/(登录:登录)

这是指定哪个路由器将采用哪个路由

推荐阅读