无法连接到安卓模拟器和真实设备上的开发服务器答案

【问题标题】：Could not connect to development server on android emulator and on real device无法连接到安卓模拟器和真实设备上的开发服务器
【发布时间】：2017-08-06 17:04:27
【问题描述】：

当我运行“react-native run-android”时，它给了我错误：“无法连接到开发服务器...”。--红屏

操作系统：Windows 7
节点版本：8.2.1
npm 版本：4.1.2
react-native 版本：0.47.1
react-native-cli 版本：2.0.1
安卓设备和模拟器版本：5.1.1

我遵循以下命令：

react-native init 项目名称
cd 项目名称
react-native run-android

这使得包服务器自动运行。但是我无法从机器和手机上的浏览器访问包服务器。

我连接到计算机的 android 设备已启用调试，我使用 adb devices 命令对其进行了检查。 USB 调试已开启。

我尝试在真实设备和模拟器上运行该项目。在两者上我都收到错误：“无法从资产'index.android.bundle'加载脚本确保您的包已正确打包或您正在运行包服务器'。

重新加载时出现错误：“无法连接到开发服务器。”

然后我在两者的开发设置中设置主机和端口号，并收到错误“无法连接到开发服务器。”

enter image description here

那么如何解决红色错误屏幕问题？任何建议表示赞赏！

【问题讨论】：

能否请您发布您在设备上收到的错误屏幕？
查看stackoverflow.com/questions/33704130/…
我都试过了，但问题是我也无法从系统的浏览器访问开发服务器。
你输入了什么端口号和ip？
我输入了运行开发服务器的系统 IP 和运行 react-native run-android 命令时可见的端口，通常是 8081。

标签： react-native react-native-android

【解决方案1】：

尝试在浏览器中打开此链接。它会自动捆绑资产。

http://localhost:8081/index.android.bundle?platform=android&dev=true&hot=true&minify=false

运行此命令时，您的开发服务器应该正在运行。

【讨论】：

当我尝试运行命令“react-native start”时。它在 cmd 中提示“在 8081 上运行 Packager”。当我尝试浏览上面的链接时，它向我显示错误：“无法访问此站点”
运行命令 react-native start。成功启动开发服务器后，在浏览器中打开此 url。检查这是否解决了您的问题。
如果打包程序已经在运行，请尝试杀死它并重新启动。如果打包程序成功启动，则不会出现无法访问站点的错误。
我只试过了。仍然没有运气。当我运行命令 react-native start 时，它会提示在端口 8081 上运行打包程序；在文件夹中寻找 JS 文件； React Packager 准备好了；加载依赖图，完成。在命令提示符下。但它仍然显示无法访问该站点。
所有步骤都经过重新检查，仍然没有成功。