在Stackblitz导入@angular/material时报index.d.ts非模块错误如何解决

Angular Material 自9.0版本起正式废弃了从@angular/material根路径统一导入所有组件模块的用法，所有组件模块需单独从对应二级子包路径导入。你当前使用的是12.0.1版本，该版本已完全移除根路径下的类型定义导出，因此会提示根路径文件不是模块。

• 将导入语句替换为组件对应的二级路径导入：

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

• 其余Angular Material组件均遵循相同的导入规则，例如按钮模块从@angular/material/button导入、输入框模块从@angular/material/input导入，统一将组件名小写作为二级路径名即可。
• 检查项目中所有Angular Material相关导入，确保没有使用旧的根路径统一导入写法。
• 额外验证package.json中Angular核心框架版本与Angular Material版本的匹配性，避免因版本不匹配引发其他兼容问题。

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