时间戳

首页 > 解决方案 > Ionic Error Object(...) 不是 NativePageTransitions.fade 中的函数

javascript - Ionic Error Object(...) 不是 NativePageTransitions.fade 中的函数

问题描述

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

$ 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(...) is not an function at 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

标签： javascriptcordovanpmionic3ionic4

解决方案

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

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

包.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",

希望这会有所帮助！！！

推荐阅读