此错误消息通常具有误导性。

你可能忘记了导入BrowserAnimationsModule。但那不是我的问题。我在根AppModule中导入BrowserAnimationsModule，就像每个人都应该做的那样。

问题与模块完全无关。我在组件模板中动画一个*ngIf，但我忘记在@Component中提到它。组件类的动画。

@Component({
  selector: '...',
  templateUrl: './...',
  animations: [myNgIfAnimation] // <-- Don't forget!
})

如果你在模板中使用一个动画，你也必须在组件的动画元数据中列出该动画…每一次。

确保@angular/animations包已经安装(例如，通过运行npm install @angular/animations)。然后，在app.module.ts中

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

@NgModule({
  ...,
  imports: [
    ...,
    BrowserAnimationsModule
  ],
  ...
})

我的问题是@angular/platform-browser的版本是2.3.1

npm install @angular/platform-browser@latest --save

升级到4.4.6，在node_modules/@angular/platform-browser下添加了/animations文件夹

此错误消息通常具有误导性。

你可能忘记了导入BrowserAnimationsModule。但那不是我的问题。我在根AppModule中导入BrowserAnimationsModule，就像每个人都应该做的那样。

问题与模块完全无关。我在组件模板中动画一个*ngIf，但我忘记在@Component中提到它。组件类的动画。

@Component({
  selector: '...',
  templateUrl: './...',
  animations: [myNgIfAnimation] // <-- Don't forget!
})

如果你在模板中使用一个动画，你也必须在组件的动画元数据中列出该动画…每一次。

一个简单的解决方案是，不要在你的lazyloaded或子模块中导入BrowserAnimationsModule，只在你的AppModule中导入。如果在运行组件测试时遇到相同的错误，请将其添加到测试平台的导入数组中。请注意。如果你没有自己定义的动画，这是可行的

动画应该应用在特定的组件上。

在其他组件中使用动画指令，并在另一个组件中提供。

CompA——@Component ({

动画:[动画] }) CompA——@组件 ({

动画:[animation] <===这应该在used component中提供 })