Animation ionic 3导航转换与推送其他页面

当导航到页面时，我想在我的ionic 3应用程序中进行动画转换。 我正在使用这个文档

我在app.module.ts中声明

    @NgModule({
  declarations: [
    MyApp,
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp,{
      PageTransition: 'wp-transition'
    }),
    AngularFireModule.initializeApp(FIREBASE_CONFIG)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

当我浏览到这个页面时，我写了这个

   NavigateToPage(pageName: string){
     let opts = { animate: true, animation: "wp-transition",direction:'forward', duration: 2500}
   pageName === 'TabsPage'? this.navCtrl.setRoot(pageName,opts) : this.navCtrl.push(pageName,opts);
  }

}

但我没有看到任何转变，它看起来和以前一样。 有什么想法吗？

我已经在我的一个项目中实现了它（一个

push（）

），方法是：

this.navCtrl.push（pageName，{/*此处保留navParams-但对于本例为空，但仍需要使用{}*/}，opts）

因此没有注释：
this.navCtrl.push（pageName，{}，opts）
我在我的一个项目中通过执行以下操作使其工作（一个
push（）
）：
this.navCtrl.push（pageName，{/*此处保留navParams-但对于本例为空，但仍需要使用{}*/}，opts）

因此没有注释：
this.navCtrl.push（pageName，{}，opts）