如何在Angular中正确引入MatButtonModule 解决未识别报错

出现这个未识别报错，本质就是两个常见疏漏，按顺序调整就能解决：

• 先检查项目是否安装了Angular Material依赖
  要是还没集成Material，直接在项目根目录跑ng add @angular/material，这条命令会自动装好所有核心依赖，还会引导你配置好基础主题、全局动画，不用手动改零散的配置文件。
• 补上缺失的模块导入语句
  你现在的代码直接在imports数组里写了MatButtonModule，但根本没把这个模块从对应的包路径导入进来，相当于用了一个没声明的变量。需要在app.module.ts最顶部的导入区域，加上这行代码：
  import { MatButtonModule } from '@angular/material/button';
• 确认模块的挂载位置正确
  别把MatButtonModule错放到declarations、providers这类其他配置数组里，它属于外部引入的功能模块，必须放在@NgModule装饰器的imports数组中，IDE和Angular编译器才能正常识别。挂对位置之后，项目里所有用到mat-button的组件也不会再报“未知组件”的错误。

改完之后所有未识别的报错都会自动消失，就可以正常使用Material按钮组件了。

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