React 应用程序在桌面上工作，但在移动设备上显示空白页面答案

【问题标题】：React application working on desktop but showing a blank page on mobileReact 应用程序在桌面上工作，但在移动设备上显示空白页面
【发布时间】：2018-06-21 02:31:24
【问题描述】：

此问题与this post无关。

我使用 create-react-app、Express 和 MongoDB 构建了一个全栈应用程序。 As you can see，我在 Heroku 上成功部署了它（日志中没有错误）。根 ("/") 页面现在应该是空的。

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

我应该能够看到导航栏，即使页面没有内容。我的一个朋友使用的是安卓手机，他得到了同样的结果。

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

有什么想法吗？

【问题讨论】：

标签： heroku mobile create-react-app

【解决方案1】：

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

【讨论】：

最后，你能在手机上工作吗？如果是，请回复您是如何做到的。 :)
我在上一条评论中分享了它不起作用的原因。
是的，我明白了。由于 redux 开发工具，但是如何从代码中删除它？不影响其他正在运行的组件？
在客户端可以检测Node是否在开发中运行，然后才初始化Redux Devtools。
谢谢，我想现在我不会进一步开发那个项目，所以需要开发环境，所以我要删除 Redux Devtools。还是我应该先检查然后禁用 redux-devtools？顺便说一句，我也在学习 Brad traversy 先生的 MERN 堆栈课程，和你一样。

【解决方案2】：

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

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

Screenshot to show the order of the middlewares

【讨论】：