stripe 未定义，但我已在我的 angular 项目中明确定义它

Question

在我的 stripecreditcardcomponent.html

<script src="https://js.stripe.com/v3/"></script>
<script type="text/javascript">
  const stripe   = Stripe('removed secret');
  const elements = stripe.elements();
</script>

我的stripecreditcardcomponent.ts

async createStripeToken() {
    const {token, error} = await stripe.createToken(this.card);
    if (token) {
      this.onSuccess(token);
    } else {
      this.onError(error);
    }
  }

但是当调用我的 createstripeToken() 命令时，出现以下错误：

ERROR Error: Uncaught (in promise): ReferenceError: stripe is not defined ReferenceError: stripe is not defined

Answer 1

我通常做的是安装npm包，在组件中导入它们并使用它们。例如，要使用 moment 我安装 moment.js npm 包，将其导入组件中说 MyComponent 就像 declare var moment: any; 然后我可以在我的 MyComponent 中使用 moment 就像 let date = moment().now() 等. 参考这个 ->https://www.npmjs.com/package/@stripe/stripe-js

stripe 未定义，但我已在我的 angular 项目中明确定义它

stripe is not defined but I have clearly defined it in my angular project

stripe-payments

angular