Angular4项目引入BrowserAnimationsModule后AnimationBuilder缺失报错求助

我来一步步帮你搞定这个问题，你的核心困扰其实是Angular 4版本里动画模块的版本对齐和导入路径问题：

1. 统一Angular核心依赖版本 #

虽然你说已经装了@angular/core@4.0.0，但peer依赖警告大概率是因为项目里其他Angular核心包（比如@angular/platform-browser）的版本和@angular/animations@4.0.0没对齐。Hyperledger Composer生成的项目偶尔会出现版本不一致的情况，所以我们强制把所有Angular核心包锁定到4.0.0版本：

运行这条命令：

npm install @angular/core@4.0.0 @angular/common@4.0.0 @angular/compiler@4.0.0 @angular/platform-browser@4.0.0 @angular/platform-browser-dynamic@4.0.0 @angular/animations@4.0.0 --save

这会让所有核心包版本完全匹配，解决peer依赖的警告问题。

2. 正确导入BrowserAnimationsModule #

你之前导入后出现AnimationBuilder找不到的错误，是因为在Angular 4中，BrowserAnimationsModule和AnimationBuilder并不在@angular/animations包里，而是属于@angular/platform-browser/animations模块。

打开你的app.module.ts，修改导入语句：

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  imports: [
    // 保留你原有的其他导入模块，比如BrowserModule等
    BrowserAnimationsModule
  ],
  declarations: [...],
  bootstrap: [...]
})
export class AppModule { }

如果你的代码里用到了AnimationBuilder，也要确保它是从@angular/platform-browser/animations导入的，而不是@angular/animations。

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

有时候npm缓存会导致依赖加载异常，我们清理一下缓存再重装：

# 清理npm缓存
npm cache clean --force

# 删除node_modules和锁文件（Windows系统请用：rmdir /s /q node_modules && del package-lock.json）
rm -rf node_modules package-lock.json

# 重新安装依赖
npm install

4. 重新运行项目 #

现在启动项目试试：

npm start

这样应该就能解决控制台的@transitionMessages提示和AnimationBuilder找不到的错误了。

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