简单地加上.. import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

协和进口:( … BrowserAnimationsModule

],

在app.module.ts文件中。

确保您已经安装。NPM install @angular/animations@latest

试试这个

NPM install @angular/animations@latest

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

这对我很有用。

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

@NgModule({
  declarations: [   --   ],
  imports: [BrowserAnimationsModule],
  providers: [],
  bootstrap: []
})

当我尝试使用BrowserAnimationsModule时，我遇到了类似的问题。以下步骤解决了我的问题:

删除“node_modules”目录 使用npm cache clean清除你的包缓存 运行这里列出的两个命令中的一个来更新现有的包

如果你遇到404错误

http://.../node_modules/@angular/platform-browser/bundles/platform-browser.umd.js/animations

在system.config.js中添加以下条目:

'@angular/animations': 'node_modules/@angular/animations/bundles/animations.umd.min.js',
'@angular/animations/browser':'node_modules/@angular/animations/bundles/animations-browser.umd.js',
'@angular/platform-browser/animations': 'node_modules/@angular/platform-browser/bundles/platform-browser-animations.umd.js'

Naveedahmed1提供了这个github问题的解决方案。

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

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

CompA——@Component ({

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

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

对于我来说，我错过了@Component decorator中的这句话: 动画(yourAnimation):

一旦我添加了这个语句，错误就消失了。 (角6. x)