在 Angular 6.1 中单击 routerLink href 时没有任何反应

【问题标题】：Nothing happens when clicking on routerLink href in Angular 6.1在 Angular 6.1 中单击 routerLink href 时没有任何反应
【发布时间】：2019-06-23 21:02:34
【问题描述】：

当我点击以下方式定义的路线时没有任何反应。

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

<router-outlet></router-outlet> 

在 app.component.html 文件中（routerlink 所在的位置）

{ path: 'about/', component: AboutComponent } 

被添加到 app.module.ts 中的路由中。

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

在about.component中被导入。

我是否缺少一些明显的东西？

【问题讨论】：

• 你在组件的模块中导入了RouterModule吗？
• [routerLink]['/about']"routerLinkActive="active" 是仅在此处或您的代码中的错字吗？应该是[routerLink]="['/about']" routerLinkActive="active"
• 尝试删除路径中的尾部斜杠。应该是：{ path: 'about', component: AboutComponent }
• 就像
• 关于我们
在代码中。这里只是一个错字。我需要在每个组件中使用 RouterModule，还是只需要定义路由的组件？