![](/img/trans.png)
[英]Ionic 5(Angular9)-Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'profile'
[英]Angular Routing Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'dashboard/profile'
我突然收到错误消息:自从我开始在我的角度项目中处理延迟加载模块以来, 无法匹配任何路由 。
所以现在我有两个模块
在TeacherDashboardModule中 ,我具有以下组件:
资讯主页和个人资料是2个单独的页面,其中top-nav位于两个页面上方 。
TopNavComponent有一个下拉列表,如下所示
<ul class="navbar-nav ml-auto mt-2 mt-lg-0 navbar-right">
<li class="nav-item dropdown">
<a class="nav-link" class="dropdown-toggle" data-toggle="dropdown">
<img src="{{user.photoUrl}}" />
<strong>{{user.firstName}}</strong>
<span class="glyphicon glyphicon-chevron-down"></span>
</a>
<ul class="dropdown-menu">
<li> <a routerLink = "profile">Profile</a> </li>
<li> <a routerLink="settings">Settings</a> </li>
<li> <a routerLink="dashboard"> Dashboard </a> </li>
<li> <a routerLink = "blog">Blog</a> </li>
<li> <a href="javascript:void(0)">Privacy Policy</a> </li>
<li> <a href = "javascript:void(0)" (click) = "logout()">Logout</a> </li>
</ul>
</li>
</ul>
因此,当我单击示例配置文件的链接时,出现此错误:
错误错误:未捕获(承诺):错误:无法匹配任何路由。 URL段:'dashboard / profile'错误:无法匹配任何路由。 网址段:“仪表板/配置文件”
问题是我打算将仪表板页面和配置文件页面分开,所以当我单击仪表板时 ,它应该转到localhost:4200 / dashboard,当我单击配置文件时,它应该转到localhost:4200 / profile
这是我在Teacher-dashboard-routing.module.ts中的路线:
const routes: Routes = [
{
path: '',
redirectTo: '/dashboard',
pathMatch: 'full'
},
{
path: 'profile',
component: ProfileComponent
},
{
path: 'dashboard',
component: DashboardComponent
}
];
我了解发生了什么,不确定如何解决此问题。 我可以使它采用绝对路径而不是相对路径吗?
您可以使用相对路径,如下所示: <li> <a routerLink = "../profile">Profile</a> </li>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.