如何正确重装Angular Material以获取CLI配置功能

1. 清理现有残留安装 #

• 执行依赖卸载命令：

npm uninstall @angular/material @angular/cdk @angular/animations

• 删除项目根目录下的 node_modules 文件夹，以及对应包管理器的锁文件：package-lock.json/yarn.lock/pnpm-lock.yaml
• 清理配置文件残留：
  • 打开 angular.json，删除所有和 Angular Material 相关的样式、资产配置项
  • 打开全局样式文件（默认路径 src/styles.scss），删除所有手动添加的 Material 主题导入、全局样式代码
  • 打开项目根模块文件（默认路径 src/app/app.module.ts），删除所有手动导入的 Material 组件模块、动画模块相关代码

2. 重新执行官方CLI安装流程 #

• 先还原项目基础依赖：

npm install

• 不要提前手动安装Angular Material相关包，直接执行CLI集成命令：

ng add @angular/material

执行命令后会自动弹出配置引导，可正常选择自定义主题、全局排版、动画模块等配置项，CLI会自动完成所有依赖安装和基础配置，无需手动修改文件。

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