Angular 12安装Angular Material v12出现404及TS编译错误如何解决

你遇到的编译报错是Angular Material v12.2.8和项目当前TypeScript版本不兼容导致的，该版本Angular Material仅支持TypeScript 4.2.0~4.3.x版本，版本超出范围会无法解析类型声明文件中的语法，从而抛出上述TS语法错误。

可按照以下步骤修复：

• 首先查看当前项目TypeScript版本：执行命令 ng version，找到typescript对应的版本号，确认是否在4.2.0~4.3.5区间内
• 如果版本不匹配，执行以下命令安装对应版本的TypeScript：

  npm install typescript@4.3.5 --save-dev
  

• 清理项目缓存和依赖文件：删除项目根目录下的node_modules文件夹、package-lock.json（yarn环境则删除yarn.lock）
• 重新安装全部依赖：执行命令 npm install
• 重新启动开发服务：执行命令 ng serve

如果启动后仍存在404报错，请检查app.module.ts中MatSliderModule的导入路径是否正确，正确导入语法为：

import { MatSliderModule } from '@angular/material/slider';

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