我正在使用“Vue Stripe Checkout 3”组件,当我尝试实现它时,出现以下错误“
Invalid value for Stripe (): apiKey should be a string. You specified: undefined.
在我的数据中,我有:publishableKey: process.env.PUBLISHABLE_KEY,
我也尝试直接添加我的 key (publishableKey:'my key'),但它仍然没有用。我也试过直接把它放在 Prop 里,什么都没有。<template>
<div>
<stripe-checkout
ref="checkoutRef"
:pk="publishableKey"
:items="items"
:successUrl="successUrl"
:cancelUrl="cancelUrl">
<template slot="checkout-button">
<button @click="checkout" class="btn-yellow wow fadeInUp btn" style="visibility: visible; animation-name: fadeInUp;">Pagar</button>
</template>
</stripe-checkout>
</div>
</template>
<script>
import { StripeCheckout } from 'vue-stripe-checkout';
export default {
components: {
StripeCheckout
},
data: () => ({
loading: false,
publishableKey: 'sk_test_51H85e2F5x69G5dDPxFEtO0RyIBWBEWkqwV9fpN5ovLysfCxJ15kfyeALoUFdZNi57yt0zj40h4LV3l5Zkra6WPCw00by0N0W3a',
items: [
{
sku: item.sku,
quantity: 1
}
],
successUrl: 'https://tarfut.es',
cancelUrl: 'https://tarfut.es',
}),
methods: {
checkout () {
this.$refs.checkoutRef.redirectToCheckout();
},
},
}
</script>
提前致谢。
最佳答案
我在 Next.js 应用程序中遇到了类似的错误,我已通过将 key 类型转换为 string
来解决该错误。 .
尝试更换:
publishableKey: process.env.PUBLISHABLE_KEY,
和:publishableKey: `${process.env.PUBLISHABLE_KEY}`,
关于javascript - Stripe() 的值无效 : apiKey should be a string. 您指定:未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63059353/