Angular Material中MatButtonModule导入报错：模块无该导出成员

你遇到的TS2305: Module '@angular/material' has no exported member 'MatButtonModule'错误，核心原因有两个：

1. Angular核心框架与Material版本不匹配 #

从你的依赖配置能看到，Angular核心包（如@angular/core、@angular/common）版本为15.1.0，但@angular/material版本是15.2.1。Angular要求核心框架与Material组件库必须保持严格的大版本一致，小版本也尽量对齐，否则会出现模块导出不兼容问题——高版本Material的模块结构可能和低版本核心框架的预期不匹配，导致找不到对应导出成员。

2. MatButtonModule的导入路径错误 #

从Angular Material v15开始，所有组件模块都拆分到独立子包中，不再统一放在@angular/material根路径下。如果仍尝试从@angular/material导入MatButtonModule，自然会找不到这个成员。正确的导入路径应为@angular/material/button。

参考解决步骤 #

• 对齐版本：将@angular/material和@angular/cdk降级到15.1.0，或者将所有Angular核心包升级到15.2.1，确保版本一致。以升级核心包为例，执行命令：

  ng update @angular/core@15.2.1 @angular/cli@15.2.1
  

• 修正导入路径：在模块文件（如app.module.ts）中修改导入语句：

  // 错误写法
  // import { MatButtonModule } from '@angular/material';
  
  // 正确写法
  import { MatButtonModule } from '@angular/material/button';
  

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