Angular12使用MatFormFieldModule报错@angular/material无对应导出成员

Angular Material v9及后续版本已将各组件模块拆分到独立的子导入路径，不再支持从@angular/material根路径直接导出MatFormFieldModule，你当前使用的Angular 12对应的Material版本属于拆分后的版本，原导入方式不符合规范，因此触发TS2305错误。

• 修改MatFormFieldModule的导入路径，从对应组件的子路径引入即可：

// 修改前
// import {MatFormFieldModule} from '@angular/material';
// 修改后
import { MatFormFieldModule } from '@angular/material/form-field';

• 如果你的mat-form-field内部使用了输入框、选择器等关联组件，需要同步导入对应的配套模块，比如搭配输入框使用时需要额外导入MatInputModule：

import { MatInputModule } from '@angular/material/input';

@NgModule({
  imports: [
    MatFormFieldModule,
    MatInputModule,
    // 其他项目所需模块
  ]
})

• 调整完成后重启本地开发服务，即可解决导入报错问题。

额外提示：请确保你安装的Angular Material版本与Angular 12版本匹配，避免出现版本不兼容导致的其他运行错误。

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