Angular 11项目无法使用Angular Material组件编译报错求助

• 版本不匹配问题
  这是此类报错的最高发原因，Angular 要求 @angular/core、@angular/cdk、@angular/material 三者的主版本号必须完全一致。你手动执行npm install安装依赖时，默认会拉取最新版的 Material 和 CDK，和你新建项目的 Angular 核心版本不匹配，就会出现@angular/core命名空间下无对应导出成员、TS语法报错的问题。
  解决方法：
  执行 ng version 查看当前项目的 @angular/core 主版本号，比如核心版本为16，就安装对应版本的依赖：
  npm install --save @angular/material@16 @angular/cdk@16 @angular/animations@16
  所有@angular开头的依赖主版本号必须完全对齐。
• TypeScript 版本不兼容
  不同 Angular 版本有严格支持的 TypeScript 版本范围，TS版本过高或过低都会触发语法解析类错误，比如Angular 16仅支持4.9.x~5.1.x范围内的TS版本。
  解决方法：
  对照你使用的 Angular 版本要求调整TS版本，执行对应版本的安装命令：
  npm install typescript@<适配版本号> --save-dev
• 缓存与依赖残留问题
  之前错误安装的依赖残留、npm缓存、Angular本地缓存都可能导致编译异常。
  解决方法：

1. 删除项目根目录的node_modules文件夹
2. 删除项目根目录的package-lock.json（使用yarn则删除yarn.lock，使用pnpm则删除pnpm-lock.yaml）
3. 执行npm install重新安装全量依赖
4. 执行ng cache clean清除Angular本地缓存

• tsconfig 配置异常
  如果你的项目tsconfig.json中compilerOptions的target、module配置不符合当前Angular版本的要求，也会触发模块解析错误，比如Angular 14及以上版本默认要求target至少为ES2020。
  解决方法：
  和同版本新建空项目的默认tsconfig配置做对比，调整异常配置项即可。

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