Angular Karma - nb-card-header‘不是已知元素

npm install @nebular/theme @nebular/security @nebular/auth @nebular/bootstrap @nebular/eva-icons

yarn add @nebular/theme @nebular/security @nebular/auth @nebular/bootstrap @nebular/eva-icons

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NbThemeModule, NbSidebarModule, NbMenuModule, NbCardModule } from '@nebular/theme';
import { NbSecurityModule } from '@nebular/security';
import { NbAuthModule } from '@nebular/auth';
import { NbBootstrapModule } from '@nebular/bootstrap';
import { NbEvaIconsModule } from '@nebular/eva-icons';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    NbThemeModule.forRoot({ name: 'default' }),
    NbSidebarModule.forRoot(),
    NbMenuModule.forRoot(),
    NbCardModule, // 确保导入 NbCardModule
    NbSecurityModule.forRoot(),
    NbAuthModule.forRoot(),
    NbBootstrapModule.forRoot(),
    NbEvaIconsModule,
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule { }

<nb-card>
  <nb-card-header>Card Title</nb-card-header>
  <nb-card-body>
    <!-- 卡片内容 -->
  </nb-card-body>
</nb-card>