Ionic Error Object(...) 不是 NativePageTransitions.fade 中的函数答案

【问题标题】：Ionic Error Object(...) is not a function at NativePageTransitions.fadeIonic Error Object(...) 不是 NativePageTransitions.fade 中的函数
【发布时间】：2019-09-17 09:25:34
【问题描述】：

我正在尝试为页面转换进行淡入淡出转换。我已经在 beta 版本中安装了native-page-transition plugin。

$ ionic cordova plugin add com.telerik.plugins.nativepagetransitions
$ npm install @ionic-native/native-page-transitions@beta

并在 app.module.ts 中的提供者中添加

import { NativePageTransitions } from '@ionic-native/native-page-transitions/ngx';

providers: [
    NativePageTransitions,
]

在页面中，我将其用作

import { NativePageTransitions, NativeTransitionOptions } from '@ionic-native/native-page-transitions/ngx';

constructor(private nativePageTransitions: NativePageTransitions){}

Animation(){
    let options: NativeTransitionOptions = {}
    this.nativePageTransitions.fade(options);
    this.navCtrl.setRoot(HomePage);
  }

但是当我运行脚本并运行函数时，它会显示以下错误

TypeError: Object(...) 不是函数在 NativePageTransitions.fade 处

请帮我解决这个错误。

离子信息：

Ionic:

   ionic (Ionic CLI)  : 4.10.2 (/usr/local/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.1

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 6.4.0, browser 5.0.4, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, (and 12 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/user/Library/Android/sdk)
   ios-deploy        : 1.9.4
   NodeJS            : v10.15.0 (/usr/local/bin/node)
   npm               : 6.4.1
   OS                : macOS Mojave
   Xcode             : Xcode 10.1 Build version 10B61

【问题讨论】：

将ionic-native v 5.x 与ionic 3 一起使用似乎存在问题...我建议您尝试使用`ionic-native v4 ionicframework.com/docs/v3/native/native-page-transitions

标签： javascript cordova npm ionic3 ionic4

【解决方案1】：

这是因为@ionic-native/native-page-transitions的版本

确保您的@ionic-native/native-page-transitions 版本与@ionic/native/core 相同

package.json

之前

"@ionic-native/core": "~4.20.0",
"@ionic-native/native-page-transitions": "^5.13.0",
"@ionic-native/splash-screen": "~4.20.0",
"@ionic-native/status-bar": "~4.20.0",

之后

"@ionic-native/core": "~4.20.0",
"@ionic-native/native-page-transitions": "^4.20.0",
"@ionic-native/splash-screen": "~4.20.0",
"@ionic-native/status-bar": "~4.20.0",

希望这会有所帮助！！！

【讨论】：