javascript - React 应用程序不会在应用程序浏览器的 Facebook 中呈现

Question

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

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

我正在寻求帮助，因为我真的不知道哪里出了问题。构建时没有错误，正如我在所有其他浏览器上所说的那样，网络应用程序可以正常工作。

我已经使用 create-react-app 生成了应用。

如果有人有任何建议，那将会很有帮助!

Answer 1

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