Javascript 我对angular 9 mat选项卡组有问题
我对有角度的材质选项卡有问题, 我的项目是angular 9。 我创建了名为it account的子模块 在它里面,我创建了名为AccountLayout的组件 这是account-layout.component.htmlJavascript 我对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
<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 { }