Html 如何链接角度中的内部文件？

我正在尝试从导航栏链接我的登录页面。这是我为navbar准备的：

<div class="navbar-container">
  <ul id="slide-out" class="side-nav center-align">
    <li>
      <div class="user-view center-align">
        <a><i class="medium material-icons close-button">close</i></a>
      </div>
    <li><a routerLink="../login">Login</a></li>
  </ul>
  <a href="#" data-activates="slide-out" class="button-collapse"><i class="small material-icons {{updateMe()}}">filter_list</i></a>
</div>

这是我的文件结构：

但是，它只是不链接到组件。我得到的错误是：

core.js:1542错误：未捕获（承诺中）：错误：无法匹配任何路由。URL段：“登录”

---

我使用的相对路径是否错误？我怎样才能解决这个问题？谢谢大家!

首先，您需要设置app.module.ts中存在的routes数组中的所有路径。

---

请检查您是否已经完善了它

您需要在app.routing.module.ts中配置路由，如下所示

@Routes([
    {path: '/login', component: LoginComponent,useAsDefault: true}
])

---

啊，我没有将它添加到我的应用程序路由模块-谢谢！5分钟后我会接受你的答案：）你为什么要删除答案？