在Angular 6.1中单击routerLink href时不会发生任何事情

单击以下方式定义的路线时，不会发生任何情况

<li>
    <a class="nav-link" routerLink="/about" routerLinkActive="active">About Us</a>
</li>

<router-outlet></router-outlet> 

添加到app.module.ts中的路线

import { ActivatedRoute } from '@angular/router'; 

在about.component中导入

---

有什么明显的东西我遗漏了吗

您在app.component.html中使用的名称有一个/字符

你有两个选择

（推荐）：只需删除该字符

{路径：'about'，组件：AboutComponent}

只需将其添加到routerLink中：

<a class="nav-link" routerLink="/about/" routerLinkActive="active">About Us</a>

关于我们

---

您是否已在组件的模块中导入RouterModule？这是仅在此处还是在代码中输入的打字错误？它应该是

[routerLink]['/about']]routerLink=“active”

尝试删除路由中的尾随斜杠。它应该是：

{path:'about'，component:AboutComponent}

这就像是代码中关于我们的

一样。这里只是一个输入错误。我需要每个组件中的RouterModule还是只需要定义路由的模块？我不再被允许选择这个作为答案，但你是正确的@HarunYılmaz。这非常有效。谢谢！

<a class="nav-link" routerLink="/about/" routerLinkActive="active">About Us</a>