Angular 17.2中routerLink报错NG8002的解决方法咨询

这个错误的核心原因是：你的Angular应用未正确配置Router相关提供者，导致routerLink指令未被注册，Angular无法识别它。

按照你只能修改app.config.ts和app.routes.ts的限制，解决方案如下：

1. 在app.config.ts中配置路由提供者 #

打开app.config.ts，检查是否导入provideRouter并将其加入providers数组。正确配置示例：

import { ApplicationConfig } from '@angular/core';
import { provideRouter } from '@angular/router';
import { routes } from './app.routes';

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(routes) // 这行是关键，必须添加
  ]
};

添加provideRouter(routes)后，Angular会自动注册Router相关指令（包括routerLink），使其在全局应用中可用。

2. 确认app.routes.ts存在目标路由 #

虽然当前错误并非路由不存在导致，但为了后续跳转正常，需确保app.routes.ts中定义了/gastos/:id/Edit路由，示例：

import { Routes } from '@angular/router';
// 替换为你实际的编辑组件路径
import { GastosEditComponent } from './components/gastos/gastos-edit.component';

export const routes: Routes = [
  // 其他已有路由...
  { path: 'gastos/:id/Edit', component: GastosEditComponent }
];

完成以上操作后重启应用，routerLink的错误即可消失。

内容的提问来源于stack exchange，提问作者Alberto Martínez