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

安装ngx-toastr时遇依赖错误,Angular版本不兼容

解决ngx-toastr安装依赖冲突问题

问题原因

你当前使用的Angular版本是14,而npm默认拉取的ngx-toastr@17.0.2要求@angular/common >=16.0.0-0,版本不匹配导致依赖解析失败。

解决方案

方案1:安装适配Angular 14的ngx-toastr版本

直接指定兼容Angular 14的ngx-toastr版本(16.x系列)执行安装:

npm install ngx-toastr@^16.2.0

方案2:升级Angular到16及以上版本(需确认项目允许升级)

如果项目可以升级Angular版本,按以下步骤操作:

  • 全局升级Angular CLI到16版本:
    npm install -g @angular/cli@16
    
  • 升级项目内的Angular核心依赖:
    ng update @angular/core@16 @angular/cli@16
    
  • 完成升级后再安装ngx-toastr:
    npm install ngx-toastr
    

补充说明

安装完成后,可按常规方式配置ngx-toastr,它和Bootstrap框架不存在兼容冲突,只需在项目中引入对应的toastr样式文件即可(比如在angular.json的styles数组中添加node_modules/ngx-toastr/toastr.css)。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.15 06:23:12