使用GitHub Actions部署UI到AKS时npm依赖冲突问题求助

问题本质 #

@angular/http在Angular 7版本已被官方弃用，官方推荐使用@angular/common/http替代。你当前项目中@angular/core是7.2.16，而@angular/http是6.1.10，两者版本不匹配导致peer依赖冲突，--legacy-peer-deps只是绕过npm的依赖解析校验，但无法解决底层版本不兼容的问题。

解决方案 #

1. 移除弃用的@angular/http包 #

执行命令彻底删除旧依赖：

npm uninstall @angular/http

2. 确保@angular/common版本与core兼容 #

检查当前@angular/common版本是否和@angular/core@7.2.16一致：

npm list @angular/common

如果版本不匹配，安装对应版本：

npm install @angular/common@7.2.16

3. 替换代码中的Http用法 #

• 将原代码中的导入语句：

  import { Http } from '@angular/http';
  

  替换为：

  import { HttpClient } from '@angular/common/http';
  

• 调整服务注入和请求逻辑：HttpClient默认返回JSON格式响应，无需手动调用.json()方法，例如原this.http.get(url).map(res => res.json())可简化为this.http.get(url)。

4. 清理缓存并重新安装依赖 #

npm cache clean --force
npm install

备选方案（不推荐） #

如果因特殊需求必须保留@angular/http，可强制npm忽略版本冲突安装，但可能引发运行时错误：

npm install @angular/http@6.1.10 --force

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