Angular项目安装ngx-toastr后出现@angular/animations编译解析错误求助

问题根源 #

ngx-toastr 依赖 Angular 官方的动画模块 @angular/animations，你的项目依赖清单中未包含该包，导致编译时无法解析相关依赖。

修复步骤 #

• 安装匹配版本的动画模块
  由于你的项目使用 Angular 17，执行以下命令安装对应版本的依赖：

  npm install @angular/animations@^17.0.0 --save
  

• 在根模块中导入动画模块
  打开 src/app/app.module.ts，导入 BrowserAnimationsModule 并添加到模块的 imports 数组中：

  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  
  @NgModule({
    imports: [
      // 保留原有导入项
      BrowserAnimationsModule
    ]
  })
  export class AppModule { }
  

  若不需要动画效果，可替换为 NoopAnimationsModule，但会丢失 ngx-toastr 的动画表现。

• 重启本地服务
  终止当前 ng serve 进程，重新运行：

  ng serve
  

验证修复效果 #

安装完成后，你的项目 package.json 的 dependencies 中会新增如下条目：

"@angular/animations": "^17.0.0"

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