使用 react-stripe-checkout 时违反了同源策略

Question

我正在使用 React 0.15 和 react-stripe-checkout。使用ReactStripeCheckout组件时，我会在控制台报如下错误：

Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "http://localhost:3000" from accessing a cross-origin frame.

当我删除ReactStripeCheckout 组件后问题就会消失。

我不确定为什么会发生这种情况，在将其作为问题发布到 Github 之前，我想看看其他人是否遇到过类似的问题，或者可以立即发现问题。

Answer 1

事实证明，这个问题的发生是因为我运行了一个 Chrome 扩展程序，即“最近的标签”。

我应该立即执行此操作，但在检查堆栈跟踪后，我发现注入的代码导致了扩展问题。一旦我禁用了扩展，这个问题就会消失。

我选择将其放在答案中，因为我可以看到其他人遇到相同的问题，即意外发生同源策略问题 - 首先检查您的浏览器扩展程序，作为问题的可能来源。