You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

现有Angular项目执行npm install遇依赖冲突问题求助

解决Angular项目依赖冲突(@angular/http@7.2.16与@angular/core@14.x冲突)
  • 核心问题:Angular 6及以后版本已弃用@angular/http,统一改用@angular/common/http。你的项目同时存在旧版@angular/http@7.2.16和新版@angular/core@14.x,这是依赖冲突的直接原因。
  • 修正依赖配置
    1. 打开项目根目录的package.json,找到dependencies中的@angular/http条目,直接删除。
    2. 确认@angular/common已在依赖列表中,版本需匹配@angular/core@14.0.0,若缺失则添加"@angular/common": "^14.0.0"。
  • 清理本地残留文件
    1. 删除项目根目录下的node_modules文件夹。
    2. 删除package-lock.json文件(若使用Yarn则删除yarn.lock)。
  • 重新安装依赖
    在项目目录下执行命令:
    npm install
    
  • 适配代码中的HTTP调用逻辑
    搜索项目中所有导入@angular/http的代码,将:
    import { Http } from '@angular/http';
    
    替换为:
    import { HttpClient } from '@angular/common/http';
    
    同时调整服务注入和请求逻辑(HttpClient默认返回JSON格式响应,无需手动解析)。
  • 匹配本地Angular CLI版本
    安装与项目Angular版本一致的本地CLI:
    npm install @angular/cli@14.0.0 --save-dev
    
    后续使用本地CLI执行命令,比如启动项目:
    npx ng serve
    

内容的提问来源于stack exchange,提问作者MrBigLike

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.01 04:55:09