Compiled with problems: error NG8001: 'mat-card' is not a known element:

[hemilndr]

please see below code snippest

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';
import { FlexLayoutModule } from '@angular/flex-layout';

import { MaterialModule } from '@app/material.module';
import { CommonRoutingModule } from './common-routing.module';
import { CommonComponent } from './common.component';
import { MatCardModule } from '@angular/material/card';

@NgModule({
imports: [CommonModule, TranslateModule, FlexLayoutModule, MaterialModule, CommonRoutingModule,MatCardModule],
declarations: [CommonComponent],
})
export class AboutModule {}

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatCardModule } from '@angular/material/card';

@NgModule({
  imports: [
    // Other imported modules...
    BrowserAnimationsModule,
    MatCardModule
  ],
  // Other module properties...
})
export class AppModule { }

[ArslanAmeer]

What exactly is the issue here?