react-stripe-elements CardElement 引发跨域错误答案

【问题标题】：react-stripe-elements CardElement throwing cross-origin errorreact-stripe-elements CardElement 引发跨域错误
【发布时间】：2018-11-10 18:35:50
【问题描述】：

我正在尝试使用 react-stripe-elements 在我的 React JS 应用程序中创建一个 Stripe 支付表单。当我使用该组件时，我收到以下消息。

错误：引发了跨域错误。 React 无权访问开发中的实际错误对象。

如果我使用单个元素组件（即CardExpiryElement、CardCVCElement、PostalCodeElement），我不会出错。

有什么想法吗？谢谢。

【问题讨论】：

您使用的是服务器端渲染吗？如果您尝试使用包装组件（来自“react-no-ssr”）

标签： reactjs stripe-payments

【解决方案1】：

如果您使用 CardElement 而不是使用其他元素，如 CardExpiryElement 或 CardCVCElement 等，因为 CardElemets 为您提供一切

【讨论】：

【解决方案2】：

在 React 中很多东西都会抛出这个错误。

此问题自 2017 年起在 React 中开放Cross-origin error passed to componentDidCatch incorrectly #10441

话虽如此，就我而言，这是因为在对象已经反序列化之后，JSON.parse() 函数被调用了两次。

【讨论】：