如何找到postMessage的来源？

Question

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

我不知道它的来源，但我不知道如何找到它。我根本不会在代码中执行任何postMessage调用，因此我假设它是某项操作的依赖项，或者create-react-app可能正在执行某些操作。

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

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

Answer 1

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

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

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

如何调试它？

检查列入白名单的URL，然后查看是否添加了entries = RatebookDataEntry.objects.all() ordered_entries = sorted(entries, key=lambda x: x['data']['products']['price']['end_user']) 。并确认这是一个静态URL地址，并且每次触发隧道时都不会更改。

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