Next.js 14 + TypeScript集成PayPal问题：仅沙盒环境可用

算力阿峰

2026-7-3

解决PayPal正式环境按钮显示异常及跳转沙盒问题

替换为正式环境专属Client ID
立刻停止使用clientId='test'，前往PayPal商家后台获取生产环境的官方Client ID——沙盒与正式环境的Client ID完全独立，必须匹配对应环境的ID才能正常加载按钮。
明确指定生产环境配置
初始化PayPalScriptProvider时，必须显式设置环境为生产模式。以React的@paypal/react-paypal-js为例，要在配置参数中声明：
```
options={{
  "client-id": "你的正式环境Client ID",
  "environment": "production"
}}
```
若未指定environment，即便替换了Client ID，组件仍可能默认走沙盒环境。
强制清除浏览器缓存
浏览器可能缓存了沙盒环境的旧脚本，按Ctrl+Shift+R（Windows）或Cmd+Shift+R（Mac）强制刷新页面，确保加载的是正式环境的最新PayPal脚本。
排查硬编码的沙盒配置
检查项目代码中是否存在硬写的沙盒脚本地址（如https://www.sandbox.paypal.com/sdk/js），需替换为正式环境地址https://www.paypal.com/sdk/js。
确认正式环境权限状态
确保你的PayPal账号已完成生产环境的上线审核，且对应应用已启用生产权限——未通过审核的账号无法正常加载正式环境的支付按钮。