Stripe Payment Elements 出现 Google Pay 错误

Question

付款适用于卡和贝宝。我的代码：

const form = document.getElementById('payment-form');
        form.addEventListener('submit', async (e) => {
            e.preventDefault();
            elements.submit();

            const {error} = await stripe.confirmPayment({
                elements,
                clientSecret,
                confirmParams: {
                    return_url: 'https://.../payment.html',
                },
                redirect: "if_required",
            })

            if (error) {
                alert(error.message);
            }
            close()
        });

当我单击提交按钮时，此错误会记录在控制台中：

无法在“Window”上执行“postMessage”：不允许委托 无需瞬时用户激活。

显示 Google Pay 对话框。我可以点击支付按钮。当我单击按钮时，它会显示一个旋转器一段时间（20 秒），然后 Google Pay 对话框中会出现此错误：

请求超时

在控制台中：

loadPaymentData中的DEVELOPER_ERROR：回调发生错误， 请尝试通过在回调中设置结构化错误来避免这种情况 回应

Answer 1

因为你有

elements.submit();

应该是

await elements.submit();