首先,确保已正确导入@angular/material和@angular/cdk包,并将它们添加到app.module.ts文件中的imports数组中。例如:
import { NgModule } from '@angular/core'; import { MatButtonModule } from '@angular/material/button'; import { MatIconModule } from '@angular/material/icon';
@NgModule({ imports: [ MatButtonModule, MatIconModule ], exports: [ MatButtonModule, MatIconModule ] }) export class MaterialModule { }
然后,将此MaterialModule导入您的app.module.ts文件,并将其添加到@NgModule装饰器的imports数组中。
import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { MaterialModule } from './material.module';
import { AppComponent } from './app.component';
@NgModule({ imports: [ BrowserModule, MaterialModule ], declarations: [ AppComponent ], bootstrap: [AppComponent] }) export class AppModule { }
最后,请确保您正确使用了material组件的样式class。例如,如果您要使用mat-button组件:
如果这些步骤仍然不能解决问题,请检查您的控制台日志以获取其他错误消息和详细信息。