У меня проблема с angular 9 mat-tab-group

Question

У меня проблема с angular вкладками материалов, мой проект angular 9. Я создал дочерний модуль с именем account внутри него. Я создал компонент с именем account-layout

это account-layout. component. html

    <div style="padding-top: 64px;">
    <p>account-layout works</p>
    <mat-tab-group>
        <mat-tab label="First"> Content 1 </mat-tab>
        <mat-tab label="Second"> Content 2 </mat-tab>
        <mat-tab label="Third"> Content 3 </mat-tab>
    </mat-tab-group>
</div>

и этот account-layout.component.ts

    import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-account-layout',
  templateUrl: './account-layout.component.html',
  styleUrls: ['./account-layout.component.scss']
})
export class AccountLayoutComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }

}

, а теперь это account.module.ts

    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { AccountLayoutComponent } from './account-layout/account-layout.component';
    import { BrowserModule } from '@angular/platform-browser';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { MatTabsModule } from '@angular/material/tabs';



@NgModule({
  imports: [
    CommonModule,
    BrowserModule,
    BrowserAnimationsModule,
    MatTabsModule
  ],


  declarations: [
    AccountLayoutComponent
  ],
})
export class AccountModule { }

, У меня есть ошибка NG8001: «mat-tab-group» не является известным элементом: 1. Если «mat-tab-group» является компонентом Angular, то убедитесь, что он является частью этого модуля.

пожалуйста, помогите мне Спасибо.

Answer 1

моя проблема решена Я забыл импортировать account-layout.module.ts в app.module.ts

Answer 2

Исправление для меня было

npm install --save @angular/cdk @angular/material

, затем повторно запустите приложение ur с ng serve