Angular 未能执行';后消息';在';DOMWindow';使用条带支付模块

Angular 未能执行';后消息';在';DOMWindow';使用条带支付模块,angular,stripe-payments,Angular,Stripe Payments,我在angular应用程序中集成了条带支付模块。当我运行应用程序时,它会在下面显示错误 未能在“DOMWindow”上执行“postMessage”:提供的目标源('https://js.stripe.com“”与收件人窗口的来源不匹配('http://localhost:4200)。 有什么解决方法吗?可能是你们压缩或聚合站点javascript文件以提高性能。尝试删除压缩或聚合并再次测试。结果是用于输入卡号、CVC和到期的占位符没有出现在我们的web应用程序上。尽管对的调用返回了一个200,

我在angular应用程序中集成了条带支付模块。当我运行应用程序时,它会在下面显示错误

未能在“DOMWindow”上执行“postMessage”:提供的目标源('https://js.stripe.com“”与收件人窗口的来源不匹配('http://localhost:4200)。


有什么解决方法吗?

可能是你们压缩或聚合站点javascript文件以提高性能。尝试删除压缩或聚合并再次测试。

结果是用于输入卡号、CVC和到期的占位符没有出现在我们的web应用程序上。尽管对的调用返回了一个200,但网络查询显示它处于挂起状态。(有趣且可能相关的是,对对讲机的API调用也将返回一个200 tho挂起)

浏览器:这个问题只发生在Chrome67上(Firefox60和Safari11——都在Mac High Safari上——运行良好)

  • 关闭所有Chrome扩展-cc占位符仍然没有出现
  • 关闭并重新启动Chrome-它们出现了。万岁
  • 重新启动的扩展-browserstack、react、redux-cc goodies still 出现
  • 关闭并重新启动Chrome-cc goodies仍然可见

鉴于我多年来一直在使用带有上述扩展的Chrome,而这并不是一个问题,重启Chrome似乎更有可能解决这个问题。时间会证明一切。

我的最后一次测试证明是有价值的。似乎您需要执行屏蔽重定向、代理路由、url重写或嵌套iframe来解决此问题。

似乎与CORS相关的某些操作失败了。我不知道stripe,但这是一个提示。可能是一个类似于我尝试过该解决方案但不起作用的修复,因为我认为它适用于youtube&这里我集成了支付网关,当我使用该解决方案将https更改为http时是不允许的。@taintedzodiacI也有错误。您找到了解决方案吗?我通过将脚本标记为async解决了这个问题:
您确实需要更详细地解释如何执行这4个解决方案中的每一个,而不仅仅是按名称提及它们。我是一名评论家。StackOverflow要求审查此答复。感谢您的回答,并(如果解释得更详细)提供帮助。这篇评论旨在帮助你做出一个足够好的答案,无论是好的还是优秀的。