对于那些试图通过npm测试或ng测试使用Karma或其他任何东西来运行测试时发现这一点的人。您的.spec模块需要一个特殊的路由器测试导入才能构建。

import { RouterTestingModule } from '@angular/router/testing';

TestBed.configureTestingModule({
    imports: [RouterTestingModule],
    declarations: [AppComponent],
});

http://www.kirjai.com/ng2-component-testing-routerlink-routeroutlet/

一般来说，当你得到一个像不能绑定到'xxx'这样的错误，因为它不是一个已知的本机属性，最有可能的原因是忘记在指令元数据数组中指定一个组件或指令(或包含该组件或指令的常量)。这里的情况就是这样。

因为你没有指定RouterLink或常量ROUTER_DIRECTIVES -它包含以下内容:

export const ROUTER_DIRECTIVES = [RouterOutlet, RouterLink, RouterLinkWithHref, 
  RouterLinkActive];

-在指令数组中，然后当Angular解析

<a [routerLink]="['RoutingTest']">Routing Test</a>

它不知道RouterLink指令(它使用属性选择器RouterLink)。因为Angular知道a元素是什么，所以它假设[routerLink]="…"是a元素的属性绑定。但它随后发现routerLink不是元素的原生属性，因此抛出关于未知属性的异常。

我从来都不喜欢语法的模糊性。例如,考虑

<something [whatIsThis]="..." ...>

仅通过查看HTML，我们无法判断atisthis是什么

某物的固有属性 指令的属性选择器 某物的输入属性

我们必须知道哪些指令:[…]]在组件的/指令的元数据中指定，以便在心理上解释HTML。当我们忘记在指令数组中放入一些东西时，我觉得这种模糊性会使调试变得有点困难。

对于>= V5

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

const appRoutes: Routes = [
    {path:'routing-test', component: RoutingTestComponent}
];

@NgModule({
    imports: [
    RouterModule.forRoot(appRoutes)
    // other imports here
    ]
})

组件:

@Component({
    selector: 'my-app',
    template: `
        <h1>Component Router</h1>
        <a routerLink="/routing-test" routerLinkActive="active">Routing Test</a>
        <router-outlet></router-outlet>
        `
})

对于< V5

也可以使用RouterLink作为一个指令。指示:[RouterLink]。这对我很有用

import {Router, RouteParams, RouterLink} from 'angular2/router';

@Component({
    selector: 'my-app',
    directives: [RouterLink],
    template: `
        <h1>Component Router</h1>
        <a [routerLink]="['RoutingTest']">Routing Test</a>
        <router-outlet></router-outlet>
        `
})

@RouteConfig([
    {path:'/routing-test', name: 'RoutingTest', component: RoutingTestComponent, useAsDefault: true},
])

如果在单元测试时出现这个错误，请这样写。

import { RouterTestingModule } from '@angular/router/testing';
beforeEach(async(() => {
  TestBed.configureTestingModule({
    imports: [RouterTestingModule],
    declarations: [AppComponent],
  });
}));

我非常感谢@raykrow的回答，当一个人只有在测试文件中有这个问题!这就是我遇到它的地方。

因为有另一种方法来做备份是很有帮助的，所以我想提一下这个技巧，它也同样有效(而不是导入RouterTestingModule):

import { MockComponent } from 'ng2-mock-component';
. . .
TestBed.configureTestingModule({
  declarations: [
    MockComponent({
      selector: 'a',
      inputs: [ 'routerLink', 'routerLinkActiveOptions' ]
    }),
    . . .
  ]

(通常情况下，我们会在<a>元素上使用routerLink，但对其他组件相应地调整选择器。)

我想要提到这个替代解决方案的第二个原因是，尽管它在许多规范文件中都很有用，但在一个案例中我遇到了一个问题:

Error: Template parse errors:
    More than one component matched on this element.
    Make sure that only one component's selector can match a given element.
    Conflicting components: ButtonComponent,Mock

我不太清楚这个模拟和我的ButtonComponent是如何使用相同的选择器的，所以寻找替代方法将我引向了@raykrow的解决方案。

我的解决办法很简单。我使用[href]而不是[routerLink]。我已经尝试了[routerLink]的所有解决方案。但对我来说都没用。

以下是我的解决方案:

<a [href]="getPlanUrl()" target="_blank">My Plan Name</a>

然后在TS文件中写入getPlanUrl函数。