Wie man Angular-Standalone-Komponente repariert: Can't bind to 'routerLink' since it isn't a known property of 'a'

Problem:

Beim Öffnen deiner Angular-App mit einer Standalone-Komponente siehst du die folgende Fehlermeldung:

angular_router_error.txt

Can't bind to 'routerLink' since it isn't a known property of 'a'

Can't bind to 'routerLink' since it isn't a known property of 'a'

Lösung

Füge in der Komponente, in der der Fehler auftritt, hinzu

import_router_module.ts

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

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

und füge

router_module_import_example.ts

RouterModule,

RouterModule,

zu den imports der Komponente hinzu. Beispiel:

top_bar_component.ts

@Component({
  selector: 'app-top-bar',
  standalone: true,
  imports: [
    CommonModule,
    RouterModule
  ],
  templateUrl: './top-bar.component.html',
  styleUrl: './top-bar.component.sass'
})
export class TopBarComponent {

}

@Component({
  selector: 'app-top-bar',
  standalone: true,
  imports: [
    CommonModule,
    RouterModule
  ],
  templateUrl: './top-bar.component.html',
  styleUrl: './top-bar.component.sass'
})
export class TopBarComponent {

}