Javascript 我对angular 9 mat选项卡组有问题

Javascript 我对angular 9 mat选项卡组有问题,javascript,angular,angular-material,frontend,mat-tab,Javascript,Angular,Angular Material,Frontend,Mat Tab,我对有角度的材质选项卡有问题, 我的项目是angular 9。 我创建了名为it account的子模块 在它里面,我创建了名为AccountLayout的组件 这是account-layout.component.html <div style="padding-top: 64px;"> <p>account-layout works</p> <mat-tab-group> <mat-tab labe

我对有角度的材质选项卡有问题, 我的项目是angular 9。 我创建了名为it account的子模块 在它里面,我创建了名为AccountLayout的组件

这是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.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:“材料标签组”不是已知元素: 1.如果“mat tab group”是一个角度组件,则确认它是该模块的一部分

请帮帮我,谢谢。

我的解决方案是

npm install --save @angular/cdk @angular/material
然后用ng serve重新运行你的应用程序,我的问题已经解决了
我忘记在app.module.ts中导入account-layout.module.ts

我以前尝试过,但不幸的是问题没有解决,因此尝试使用npm卸载@angular/material然后尝试使用@angular/material添加它。另外,请验证account.module.ts下是account-layout.component.ts还是在account.module.ts下导入模块app.module.ts它已在account.module.ts下,我尝试在app.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 { }