我使用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上的问题发布之前,我想知道是否有其他人遇到类似问题,或者可以立即发现问题。
答案 0 :(得分:1)
事实证明,出现此问题的原因是我运行的Chrome扩展程序,Recent Tabs。
我应该立即这样做,但是在检查堆栈跟踪时,我发现注入的代码导致了扩展的问题。一旦我禁用了扩展程序,这个问题就会消失。
我选择将其放在一个答案中,因为我可以看到其他人遇到同一问题,意外发生同源策略问题 - 首先检查您的浏览器扩展是否可能是问题的根源。 / p>