VS Code提示confirmPayment赋值未使用，付款后无法跳转至成功页求助

数据老陈

2026-7-14

问题解决指南

问题原因拆解

未使用变量警告：你用await把stripe.confirmPayment()的结果赋值给了confirmPayment，但后续代码完全没用到这个变量，所以VS Code抛出警告。
跳转失效：代码只处理了支付失败的分支，完全没处理成功的情况；而且混用await和.then()的写法会导致逻辑混乱，可能干扰Stripe的自动跳转逻辑。

修复方案

方案1：使用async/await写法（推荐）

改成纯async/await风格，既消除警告，又理清逻辑：

// 确保这段代码在async函数内部
try {
  const confirmPayment = await stripe.confirmPayment({
    elements,
    confirmParams: {
      return_url: "http://localhost:3000/checkout-success",
    },
    redirect: "if_required",
  });

  // 支付成功且无错误时，处理跳转（如果Stripe没自动触发）
  if (!confirmPayment.error) {
    // 可添加额外成功逻辑，比如更新订单状态
    window.location.href = "http://localhost:3000/checkout-success";
  }
} catch (error) {
  // 处理请求失败、网络错误等情况
  toast.error(error.message);
  setMessage(error.message);
}

方案2：保持.then()链式调用写法

去掉冗余的await和未使用的变量，补全成功分支：

stripe.confirmPayment({
  elements,
  confirmParams: {
    return_url: "http://localhost:3000/checkout-success",
  },
  redirect: "if_required",
})
.then((result) => {
  if (result.error) {
    toast.error(result.error.message);
    setMessage(result.error.message);
    return;
  }
  // 支付成功，手动触发跳转或处理其他逻辑
  window.location.href = "http://localhost:3000/checkout-success";
})
.catch((error) => {
  // 捕获请求层面的错误
  toast.error(error.message);
  setMessage(error.message);
});