ionic-framework - 如何在Ionic 3中使用PayPal修复“Object(…)不是函数错误”

标签 ionic-framework paypal ionic3

我在Ionic应用程序中工作,并且在Ionic应用程序中使用了PayPal。

这是我的checkout.ts:

import { PayPal, PayPalPayment, PayPalConfiguration } from '@ionic-native/paypal/ngx';

constructor(private PayPalMobile: PayPal) { }

makepaymentp()
  {
    //console.log("Payment");
    this.PayPalMobile.init({
      PayPalEnvironmentProduction: 'YOUR_PRODUCTION_CLIENT_ID',
      PayPalEnvironmentSandbox: 'asasasasasasasasasas',
    }).then(() => {
      // Environments: PayPalEnvironmentNoNetwork, PayPalEnvironmentSandbox, PayPalEnvironmentProduction
      this.PayPalMobile.prepareToRender('PayPalEnvironmentSandbox', new PayPalConfiguration({
        // Only needed if you get an "Internal Service Error" after PayPal login!
        //payPalShippingAddressOption: 2 // PayPalShippingAddressOptionPayPal
      })).then(() => {
        let payment = new PayPalPayment('3.33', 'INR', 'Description', 'sale');
        this.PayPalMobile.renderSinglePaymentUI(payment).then(() => {
          // Successfully paid

          // Example sandbox response
          //
          // {
          //   "client": {
          //     "environment": "sandbox",
          //     "product_name": "PayPal iOS SDK",
          //     "paypal_sdk_version": "2.16.0",
          //     "platform": "iOS"
          //   },
          //   "response_type": "payment",
          //   "response": {
          //     "id": "PAY-1AB23456CD789012EF34GHIJ",
          //     "state": "approved",
          //     "create_time": "2016-10-03T13:33:33Z",
          //     "intent": "sale"
          //   }
          // }
        }, () => {
          // Error or render dialog closed without being successful
        });
      }, () => {
        // Error in configuration
      });
    }, () => {
      // Error in initialization, maybe PayPal isn't supported or something else
    });

  }


这是我的checkout.html:

<button class="myaddto22" [disabled]="!RadioValue" (click)="makepaymentp()" full ion-button round="true">
      Make Payment
</button>


这是我的app.module.ts:

import { PayPal } from '@ionic-native/paypal/ngx';

providers: [PayPal]


我已经导入了运行PayPal所需的所有内容,但是当我运行PayPal代码时却显示错误。


  Object(...)不是PayPal.init的函数(index.js:28)


任何帮助深表感谢。

最佳答案

由于使用的是Ionic v3,因此应从import而不是PayPal'@ionic-native/paypal' '@ionic-native/paypal/ngx'

如果使用PayPal安装npm install @ionic-native/paypal,请使用npm uninstall @ionic-native/paypal卸载它,然后使用npm install --save @ionic-native/paypal@4重新安装。

关于ionic-framework - 如何在Ionic 3中使用PayPal修复“Object(…)不是函数错误”,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54838971/

相关文章:

ios - 如何使用 ionic 3 从应用商店获取 iOS 部署版本号

android - ionic - 未捕获的语法错误 : Unexpected token On APK

javascript - 如何使用 ionic 框架使用 Angular JS 制作路由页面

html - 如何将 Paypal 下拉菜单更改为单选按钮?

php - paypal自适应帐户安装困难

css - 是否有可能使 CSS 模块化以减少 Ionic 3 中的主要 css 文件大小?

ionic-framework - ionic 3 在列上展开行单击

javascript - Braintree-javascript - 收集额外的客户信息?

angular - ionic 3 Angular ionic slider 垂直对齐顶部

angular - 按键事件在 ionic 2 Android 中不起作用