React应用程序无法在Facebook的应用程序浏览器中呈现

Question

我一直在寻找如何解决这个问题几天没有成功，所以我决定在这里打开一个问题。所以我有一个React应用程序，它使用Redux和Firebase作为数据库。除了Facebook在应用程序浏览器中，除了Facebook之外，每个桌面和移动浏览器都能正常运行。当我通过手机打开它时，浏览器触发并获取标题，它从Netlify加载注入的脚本，但不执行任何Javascript，我得到一个空白页。

我还尝试使用React Snap预渲染应用程序，然后我的应用程序加载，但从不预加载Javascript，因此加载的可见内容只保留HTML和CSS，没有任何Javascript相关的工作。

我正在寻求帮助，因为我真的不知道出了什么问题。构建没有错误，正如我在其他所有浏览器上所说的那样，Web应用程序正常运行。

我使用create-react-app生成了应用程序。

如果有人有任何建议，那将会有所帮助！

Answer 1

好的，我发现是什么导致应用程序无法在Facebook的应用程序浏览器中加载。问题是由于Notifications API以及它在那里被禁用的事实。我的应用程序正在使用它，因此它在开始时崩溃，而捆绑包根本没有加载。这就是为什么我在非预渲染版本上有一个空白屏幕而且在预呈现时没有javascript。由于这个原因，两种方式都没有加载JS。所以现在我只检查用户代理是否支持API并相应地运行我的函数。希望对有同样问题的人有帮助。