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

执行npm install ngx-toastr --save时Angular报错,求解决

解决ngx-toastr安装报错(Angular版本不兼容问题)

你的推测没错,报错核心原因就是ngx-toastr版本与当前Angular版本不兼容——ngx-toastr对Angular的主版本有严格依赖,直接安装最新版会和低版本Angular产生依赖冲突。

解决步骤如下:

  • 先确认当前Angular版本:执行命令 ng version,重点查看@angular/core的版本号。
  • 根据Angular版本匹配对应ngx-toastr版本,执行指定安装命令:
    • Angular 16+:npm install ngx-toastr --save
    • Angular 15:npm install ngx-toastr@16.2.0 --save
    • Angular 14:npm install ngx-toastr@15.2.2 --save
    • Angular 13:npm install ngx-toastr@14.3.0 --save
    • Angular 12:npm install ngx-toastr@13.2.1 --save
    • Angular 11:npm install ngx-toastr@12.1.0 --save
    • Angular 10及以下:npm install ngx-toastr@11.4.0 --save
  • 安装完成后,补充安装动画依赖(若未安装过):npm install @angular/animations --save
  • 最后在app.module.ts中导入ToastrModule.forRoot()和BrowserAnimationsModule(或NoopAnimationsModule)完成配置。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.16 16:34:51