无法连接到Android的React Native中的开发服务器

问题描述:

我试图在模拟器上打开我的react-native应用程序,但在初始加载后我不断遇到红色屏幕错误。无法连接到Android的React Native中的开发服务器

这里有一些我的意见 -

  1. 当我运行从我的项目的根目录react-native run-android,亚洲开发银行在端口8081上运行参考截图。 enter image description here

  2. 当应用第一次启动时,它会正确显示默认屏幕。请参考下面的截图enter image description here

  3. 尽管它要求编辑index.android.js,但我已经在该文件中添加了代码。 我不确定它为什么不在第一次加载时加载屏幕。请参阅下面的截图。 enter image description here

  4. 当我通过在键盘上双击'R'重新加载此屏幕时,发现红色屏幕错误,指出开发服务器无法连接。

  5. 我将默认端口8081更改为文件server.js中的某个其他端口号,并在设备的Developer Menu中给出了相同的端口号和我的机器的IP地址。

完成上述所有步骤后,仍然发现开发服务器无法连接的红屏错误。 我相信我错过了一些愚蠢的事情,我需要连接这些点并使应用程序运行。 请帮帮我。提前致谢!

编辑1:

运行react-native start后,系统卡在这一步,并没有任何反应。 enter image description here

+0

下面的答案解决了我的问题。 https://stackoverflow.com/a/48782661/1533666 –

确保你已经跑react-native start 如果是的话,你可以尝试运行adb reverse tcp:8081 tcp:8081

希望它能帮助。

+0

对不起,在很长一段时间后显示在这篇文章!当我运行'react-native run-android'时,我收到错误 - 'js服务器无法识别正在继续构建'。另外,我遵循了你的步骤,每当我运行带有或不带有重置缓存的命令'react-native start'时,系统在“加载依赖关系图,完成”步骤后仍然保持不变,之后什么也没有发生。请参考问题中添加的快照。 –

请确保在更改index.android.js中的代码时,服务器中没有出现任何错误。 因为您可能在服务器中发生的错误可能会导致服务器在内部断开连接。所以,

  • 尝试关闭服务器。
  • 运行 react-native start --reset-cache
  • 重新加载应用程序。

它可能会解决您的问题。 希望它有助于。

+0

对不起,在很长一段时间之后在这篇文章中出现! 当我运行'react-native run-android'时,出现错误 - 'js服务器无法识别正在继续构建'。 另外,我遵循了你的步骤,每当我运行带有或不带有重置缓存的命令'react-native start'时,系统在“加载依赖关系图,完成”步骤后仍然保持不动,之后什么也没有发生。请参考问题中添加的快照。 –