我对 angular 9 mat-tab-group 有疑问

Question

我对有角材质标签有疑问， 我的项目是角度 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

我的问题已解决 我忘记在 app.module.ts 中导入 account-layout.module.ts

Answer 2

我的解决办法是

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

然后用ng serve重新运行你的应用程序