ReactNative进阶(二十):Could not connect to development server

Posted No Silver Bullet

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ReactNative进阶(二十):Could not connect to development server相关的知识,希望对你有一定的参考价值。


问题描述

在RN android开发过程中,测试机突然报如下错误信息:
在这里插入图片描述

问题分析

红屏给出的解决方案翻译过来如下:

请按照以下的步骤来修复此问题:

  1. 确保包服务器在运行
  2. 确保你的设备或者模拟器连接着电脑,并且手机打开了USB调试模式,然后在cmd中运行adb devices来查看已经连接好的设备列表
  3. 确保飞行模式是关闭的
  4. 如果是使用真机来开发,输入 adb reverse tcp:8081 tcp:8081来检查设备

解决方法

1、首先检查包服务器是否运行正常。

在项目文件夹下输入react-native start或者npm start均可开启服务器,但是需要在PC端确认包服务器是否运行正常。检查网址为:http://localhost:8081/index.android.bundle?platform=android

当页面出现如下内容时,说明包服务器运行正常。
在这里插入图片描述
经过包管理器重启,以上问题得到解决。
在这里插入图片描述

以上是关于ReactNative进阶(二十):Could not connect to development server的主要内容,如果未能解决你的问题,请参考以下文章

ReactNative进阶(二十七):createMaterialTopTabNavigator顶部导航组件

ReactNative进阶(二十九):BloC模式

ReactNative进阶(二十六):子组件调用父组件中的函数

ReactNative进阶(二十二):点击事件.bind(this)引发的思考

ReactNative进阶(二十三):Javascript 严格模式详解

ReactNative进阶(二十五):ScrollView滚动视图组件详解