Question

我突然得到错误：无法匹配任何路径，因为我开始处理我的角度项目中的延迟加载模块。

现在我有两个模块

IndexModule
TeacherDashboardModule

在 TeacherDashboardModule 中，我有以下组件：

仪表板
简档
顶NAV

仪表板和个人资料是两个单独的页面，其中 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>

因此，当我点击链接例如 profile 时，我收到此错误：

错误错误：未捕获（在承诺中）：错误：无法匹配任何路由。网址细分：＆＃39;信息中心/个人资料＆＃39; 错误：无法匹配任何路由。网址细分：＆＃39;信息中心/个人资料＆＃39;

问题是我打算将仪表板和配置文件页面分开，所以当我点击仪表板时，它应该转到localhost：4200 /仪表板，当我点击配置文件它应该转到localhost：4200 / profile

以下是 teacher-dashboard-routing.module.ts 中的路线：

const routes: Routes = [


  {
    path: '',
    redirectTo: '/dashboard',
    pathMatch: 'full'
  },
  {
    path: 'profile',
    component: ProfileComponent
  },
  {
    path: 'dashboard',
    component: DashboardComponent
  }



];

我明白发生了什么，我不知道如何解决这个问题。我能把它做成绝对路径而不是相对路径吗？

Answer 1

您可以使用相对路径，例如：<li> <a routerLink = "../profile">Profile</a> </li>

角度路由错误：未捕获（承诺）：错误：无法匹配任何路由。网址细分：＆＃39;信息中心/个人资料＆＃39;

1 个答案: