Angular 10项目引入MatButtonModule报错：@angular/material无该导出成员

问题原因 #

Angular Material从版本6开始，不再支持从@angular/material根包直接导入单个组件模块，每个组件模块都对应独立的子路径。你当前的导入写法是旧版本语法，因此会触发Module '@angular/material' has no exported member 'MatButtonModule'报错。

解决步骤 #

修改app.module.ts中的导入代码，将组件模块从对应的子包导入：

import { MatButtonModule } from '@angular/material/button';
import { MatCheckboxModule } from '@angular/material/checkbox';

@NgModule({
  imports: [MatButtonModule, MatCheckboxModule]
})
export class AppModule { }

额外说明 #

后续导入其他Angular Material组件模块时，都要遵循相同规则：

• MatInputModule → @angular/material/input
• MatCardModule → @angular/material/card
• MatToolbarModule → @angular/material/toolbar
  以此类推，每个组件模块都有对应的专属子路径。

修改完成后重启开发服务器，报错即可消失。

内容的提问来源于stack exchange，提问作者nagaraju chidarla