Angular 路由器导航幻灯片动画不工作

我试图在路由器导航时实现slideIn动画。我已经阅读了一些文档，并在示例应用程序中实现了代码。我没有看到任何错误，但动画不工作。请带我去我想去的地方

应用程序模块.ts

从'@angular/platform browser'导入{BrowserModule}；
从“@angular/core”导入{NgModule}；
从“@angular/platform browser/animations”导入{BrowserAnimationsModule}；
从“./app routing.module”导入{AppRoutingModule}；
从“./app.component”导入{AppComponent}；
从“./home/home.component”导入{HomeComponent}；
从“./about/about.component”导入{AboutComponent}；
@NGD模块({
声明：[
应用组件，
HomeComponent，
关于组件
],
进口：[
浏览器模块，
BrowserAnimationsModule，
批准模块
],
提供者：[]，
引导：[AppComponent]
})
导出类AppModule{}

应用程序路由.module.ts

从'@angular/core'导入{NgModule}；
从'@angular/router'导入{Routes，RouterModule}；
从“./home/home.component”导入{HomeComponent}；
从“./about/about.component”导入{AboutComponent}；
常数路由：路由=[
{路径：''，组件：HomeComponent，数据：{动画：'主页'}，
{path:'about'，component:AboutComponent，data:{animation:'AboutPage'}}]；
@NGD模块({
导入：[RouterModule.forRoot（路由）]，
导出：[路由模块]
})
导出类AppRoutingModule{}

应用程序组件.ts

从'@angular/core'导入{Component}；
从“/animation”导入{slideInAnimation}；
从'@angular/router'导入{Routes，RouterModule}；
@组成部分({
选择器：'应用程序根'，
templateUrl:“./app.component.html”，
样式URL:['./app.component.css']，
动画：[幻灯片动画]//注册动画
})
导出类AppComponent{
标题=‘动画测试’；
准备出口（出口）{
返回outlet&&outlet.activatedRouteData&&outlet.activatedRouteData['animation']；
}
}

app.component.html

家
关于

动画.ts

导入{
触发
使有生气
过渡，
风格
查询
集团,，
动画片
}来自“@angular/animations”；
导出常量幻灯片动画=
触发器（'routeAnimations'[
过渡（'主页关于页面'[
样式（{position:'relative'}），
查询（'：输入，：离开'[
风格({
位置：'绝对'，
排名：0，
左:0,，
宽度：“100%”
})
]),
查询（“：输入”[
样式（{左：'-100%}）
]),
查询（':leave'，animateChild（）），
团体([
查询（':leave'[
设置动画（'300毫秒放松'，样式（{左：'100%}））
]),
查询（“：输入”[
设置动画（'300ms放松'，样式（{left:'0%}））
])
]),
查询（':enter'，animateChild（）），
]),
转换（“*FilterPage”[
样式（{position:'relative'}），
查询（'：输入，：离开'[
风格({
位置：'绝对'，
排名：0，
左:0,，
宽度：“100%”
})
]),
查询（“：输入”[
样式（{左：'-100%}）
]),
查询（':leave'，animateChild（）），
团体([
查询（':leave'[
动画（'200ms放松'，样式（{左：'100%}））
]),
查询（“：输入”[
设置动画（'300ms放松'，样式（{left:'0%}））
])
]),
查询（':enter'，animateChild（）），
])
]);

如果您仍在查看，则将错误的参数传递给了

prepareRoute（outlet）

。您的变量名是

#o

，因此您需要传递

prepareRoute（o）

您在开发人员控制台中看到任何错误了吗？我在控制台和CMD中没有发现任何错误。这应该可以工作