React应用程序在桌面上运行，但在移动设备上显示空白页

Question

此问题与this post无关。

我使用create-react-app，Express和MongoDB构建了一个全栈应用程序。 As you can see，我已成功将其部署在Heroku上（日志中没有错误）。根（“ /”）页面目前应该为空。

当我尝试用手机（iPhone 5s）访问该应用程序时出现问题：无论我使用的是Chrome，Firefox还是Safari，我都会得到一个空白页：

即使页面没有内容，我也应该能够看到导航栏。我的一个朋友使用Android手机，结果相同。

响应速度似乎没有问题，因为我可以使用Chrome的开发人员工具看到导航栏：

有什么主意吗？

Answer 1

我意识到我也在生产中使用Redux Devtools。该错误是由于我看到带有未安装扩展名的浏览器的应用程序而引起的。

Answer 2

我知道这是一个老问题，但如果有人需要，我会发布答案。

问题出在您的 server.js（后端）文件中。 您需要按以下顺序将中间件放在 server.js 中。

Screenshot to show the order of the middlewares