找不到条纹功能

Question

我在我的 angular7 应用程序中使用 Stripe 来通过 firebase 云功能处理付款。我目前正在尝试创建订阅付款。但是，当我尝试调用以下函数时（作为整个订阅设置的一种先决条件）；

import * as Stripe from 'stripe';
const stripe = new Stripe('pk_test_....');

//Create payment method for customer
const {paymentMethod, createPaymentMethodError} = await stripe.createPaymentMethod({
    type: 'card',
    card: cardElementObj.card,
    billing_details: {
      name: userName,
      email: firebaseUserEmail
    },
  });

错误：

Property 'createPaymentMethod' does not exist on type 'Stripe'.

我的 node_modules（版本 7.14.0）中安装了条带包。

package.json 配置：

{
  "name": "functions",
  "scripts": {
    "lint": "tslint --project tsconfig.json",
    "build": "tslint -p tslint.json && tsc",
    "serve": "npm run build && firebase serve --only functions",
    "shell": "npm run build && firebase functions:shell",
    "start": "npm run shell",
    "deploy": "firebase deploy --only functions",
    "logs": "firebase functions:log"
  },
  "engines": {
    "node": "8"
  },
  "main": "lib/index.js",
  "dependencies": {
    "@types/stripe": "^7.13.11",
    "firebase": "^7.4.0",
    "firebase-admin": "^8.6.0",
    "firebase-functions": "^3.3.0",
    "moment": "^2.24.0",
    "stripe": "^7.14.0"
  },
  "devDependencies": {
    "@types/stripe-checkout": "^1.0.3",
    "@types/stripe-v3": "^3.1.9",
    "firebase-functions-test": "^0.1.6",
    "tslint": "^5.12.0",
    "typescript": "^3.2.2"
  },
  "private": true
}

感谢任何帮助！提前致谢。

Answer 1

Stripe 不提供 Typescript 包，因此您不需要 package.json 中的这些依赖项即可使其正常工作。而是：

首先，确保页面中包含脚本。请注意，根据their documentation，它必须始终从https://js.stripe.com/v3/ 加载。

然后，Typescript 代码的结构应该像这样来获取Stripe 的实例以供使用。

declare var Stripe : any;

@Component({
  selector    : 'payment-form',
  templateUrl : 'payment-form.component.html',
})
export class PaymentFormComponent implements OnInit {
  stripe: any;

  ngOnInit() {
    this.stripe = new Stripe(environment.stripeApiKey);
  }

  mySubmitFunction() {
    this.stripe.createPaymentMethod(...);
  }
}

在 Typescript 中使用 Javascript 库时，这种在组件定义之外声明变量的一般结构很常见。例如，在使用 Facebook 或 Google OAuth 库时，您必须遵循类似的步骤。