Angular项目使用ngx-datatable出现NG6002报错的解决求助

报错本质 #

NG6002提示中提到的ngcc处理失败、Angular Ivy不兼容属于编译器的通用兜底描述，并非本次报错的真实触发原因。
核心触发点是AppModule的元数据配置错误：Angular的imports数组仅允许放置带@NgModule装饰器的模块类，而代码中把不属于模块的可注入服务HttpClient错误加入了imports列表，编译器解析时找不到该类的NgModule元数据，就会抛出该报错。

对照代码的具体错误点 #

• app.module.ts的imports数组中错误加入了HttpClient条目：HttpClient是用于发起HTTP请求的可注入服务，不属于可导入的NgModule范畴。
• app.module.ts的providers数组中错误加入了HttpClientModule：HttpClientModule是标准的Angular模块，应当放在imports数组中，不能作为提供器放在providers里。

修复步骤 #

1. 修正AppModule配置 #

替换为如下正确的app.module.ts代码：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NgxDatatableModule } from '@swimlane/ngx-datatable';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    NgxDatatableModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

2. 修正组件中的类型定义与资源路径 #

• 调整app.component.ts中的接口定义，匹配实际返回的JSON结构，避免类型不匹配报错：

export interface Data {
  dummyData: Array<{
    name: string;
    company: string;
    genre: string;
  }>;
}

• 确认dummyData.json存放在src/assets目录下，把HTTP请求路径从../../assets/dummyData.json改为assets/dummyData.json，避免静态资源404。

完成以上调整后重新启动项目，报错即可消除，ngx-datatable可正常渲染表格数据。

内容的提问来源于stack exchange，提问作者user14800407