如何找到 postMessage 的来源？答案

【问题标题】：How to find where postMessage came from?如何找到 postMessage 的来源？
【发布时间】：2019-03-07 03:22:29
【问题描述】：

我正在使用 React/Redux 构建一个 Shopify 应用程序。如果我在 Shopify 管理仪表板之外运行它，一切都很好，但是当我在 Shopify 管理仪表板中将其作为嵌入式应用程序加载时，它会将应用程序加载到 iframe 中，并且我收到此 postMessage 错误：

我不知道它来自哪里，但它只是并且不知道如何找到它。我根本没有在我的代码中执行任何 postMessage 调用，所以我假设它是一个依赖项，或者 create-react-app 可能在幕后发生了一些事情。

控制台错误也没有给我一个文件，所以我什至无法调试它。

关于如何调试的任何想法？

【问题讨论】：

【解决方案1】：

在大多数情况下，此消息可能意味着两件事：

1) 您尚未将 APP 仪表板中的 URL 列入白名单

2) Shopify 无法连接到 URL 地址。

如何调试？

检查您列入白名单的网址，看看那里是否添加了https://l46-vc-01.localtunnel.me。并确认这是一个静态 URL 地址，并且每次触发隧道时都不会更改。

检查您是否可以使用未绑定到本地计算机的服务访问 URL 地址。（例如https://downforeveryoneorjustme.com/ 或https://geopeeker.com/ 等...）

【讨论】：