使用ng add指令安装Angular Material失败问题咨询

核心问题说明 #

你遇到的Command aborted中断发生在包信息加载完成后、交互式配置步骤启动前，所以不会弹出主题、排版选择提示，也不会写入依赖到package.json。日志已识别到兼容的@angular/material@12.1.2版本，Angular 12版本适配本身无异常，按以下步骤排查即可： #

排查&解决步骤 #

• 1. 修复npm源或网络问题 #

  优先检查npm镜像源是否可正常访问，执行命令查看当前源：

  npm config get registry
  

  如果使用官方境外源，切换为国内镜像源后重试：

  npm config set registry https://registry.npmmirror.com/
  

  切换完成后重新执行ng add @angular/material测试。

• 2. 清理缓存后指定版本安装 #

  本地npm缓存损坏也会导致安装中断，执行清理命令后直接指定兼容版本安装，跳过版本匹配步骤：

  npm cache clean --force
  ng add @angular/material@12.1.2
  

• 3. 手动安装兜底方案 #

  如果ng add流程始终无法正常执行，可以跳过自动配置，手动安装依赖后自行配置：
  1. 安装关联依赖包：

  npm install @angular/material@12.1.2 @angular/cdk@12.1.2 @angular/animations@12 --save
  

  2. 安装完成后在app.module.ts中引入BrowserAnimationsModule，在angular.json中配置Material主题即可正常使用组件。

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