无法绑定到“routerLink”，因为它不是已知属性

您需要将 RouterModule 添加到每个 @NgModule() 的 imports，其中组件使用任何组件或指令（在本例中为 routerLink 和 <router-outlet>。

import {RouterModule} from '@angular/router';
@NgModule({
   declarations:[YourComponents],
   imports:[RouterModule]

declarations: [] 是使组件、指令、管道在当前模块内已知。

exports: [] 是使组件、指令、管道可用于导入模块。仅添加到 declarations 的内容对模块来说是私有的。 exports 将它们公开。

另请参阅https://angular.io/api/router/RouterModule#usage-notes

您缺少包含路由包，或在主应用程序模块中包含路由器模块。

确保你的 package.json 有这个：

"@angular/router": "^3.3.1"

然后在您的 app.module 中导入路由器并配置路由：

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

imports: [
        RouterModule.forRoot([
            {path: '', component: DashboardComponent},
            {path: 'dashboard', component: DashboardComponent}
        ])
    ],

更新：

将 AppRoutingModule 移到导入的首位：

imports: [
    AppRoutingModule.
    BrowserModule,
    FormsModule,
    HttpModule,
    AlertModule.forRoot(), // What is this?
    LayoutModule,
    UsersModule
  ],

我将添加另一个我遇到相同错误但只是一个假人的情况。我添加了 [routerLinkActiveOptions]="{exact: true}"，但尚未添加 routerLinkActive="active"。

我的错误代码是

<a class="nav-link active" routerLink="/dashboard" [routerLinkActiveOptions]="{exact: true}">
  Home
</a>

应该是什么时候

<a class="nav-link active" routerLink="/dashboard" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
  Home
</a>

没有 routerLinkActive，您就不能拥有 routerLinkActiveOptions。

当它应该工作时没有其他工作时，重新启动 ng serve。发现这样的bug很可惜。

您需要在主 module.ts 文件中导入 RouterModule

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


@NgModule({
  imports: [RouterModule],
 )}

即使我已经从 app-routing.module 导出了 RouterModule 并在 Root 模块（app 模块）中导入了 app-routingModule，我也收到了这个错误。

然后我发现，我只在路由模块中导入了组件。

在我的根模块（应用程序模块）中声明组件解决了这个问题。

declarations: [
AppComponent,
NavBarComponent,
HomeComponent,
LoginComponent],

您需要将 RouterMoudle 添加到包含 Header 组件的模块的 imports 部分

这个问题是因为你没有导入模块

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

你必须在导入部分声明这个模块

   imports:[RouterModule]

我正在为我的 Angular 应用程序运行测试，并且也遇到了错误 Can't bind to 'routerLink' since it isn't a known property of 'a'。

我认为显示我的 Angular 依赖项可能很有用：

    "@angular/animations": "^8.2.14",
    "@angular/common": "^8.2.14",
    "@angular/compiler": "^8.2.14",
    "@angular/core": "^8.2.14",
    "@angular/forms": "^8.2.14",
    "@angular/router": "^8.2.14",

问题出在我的 spec 文件中。我比较了另一个类似的组件 spec 文件，发现我在 imports 中缺少 RouterTestingModule，例如

    TestBed.configureTestingModule({
      declarations: [
        ...
      ],
      imports: [ReactiveFormsModule, HttpClientTestingModule, RouterTestingModule],
      providers: [...]
    });
  });

在我的情况下，我只需要将我新创建的组件导入到 RouterModule

{path: 'newPath', component: newComponent}

然后在您的 app.module 中导入路由器并配置路由：

从'@angular/router'导入{RouterModule}；

imports: [
        RouterModule.forRoot([
            {path: '', component: DashboardComponent},
            {path: 'dashboard', component: DashboardComponent},
            {path: 'newPath', component: newComponent}
        ])
    ],

希望这对某人有所帮助！

我完全为这种方法选择了另一种方法。

app.component.ts

import { Router } from '@angular/router';
export class AppComponent {

   constructor(
        private router: Router,
    ) {}

    routerComment() {
        this.router.navigateByUrl('/marketing/social/comment');
    }
}

app.component.html

<button (click)="routerComment()">Router Link </button>

在当前组件的模块中导入 RouterModule。

喜欢：-

import {RouterModule} from '@angular/router';
@NgModule({
   declarations:[YourComponents],
   imports:[RouterModule]

...

它帮助了我。

我刚刚为此浪费了大约 2 个小时。这是我的 Visual Studio 的一个错误。我不得不重新安装 Angular 并再次更新我的 NPM，现在它又可以工作了。

刚刚在一个学生的例子中发现了类似的问题。在花了 2 小时检查这里建议的所有内容和一些类似主题后，发现错误是 routerlink 而不是 routerLink。

似乎很容易发现这些“一个字母错别字”，但不是在你以前从未见过的地方。

在组件的模块中添加 RouterModule