react native 红屏

最经在学习react native时出现红屏的问题大致问题是找不到index.android的问题

执行代码为react-native run-android 其实问题出在你的硬件设备没有连接本地开发的node服务

官网的说法是执行adb reverse tcp:8081 tcp:8081

但是一般我在开发过程中没有使用安卓5.0的版本所以无法连接本地的服务器这里需要手动配置两种方法

1：模拟器触发晃动手机的功能（我用的逍遥按了两次）

2：执行adb shell input keyevent 82

点击DEV settings

按照这个步骤处理这样你的模拟器就可以连接你的本地服务实现开发

之后每次改动执行reload 可以参考图1

这里补充下逍遥的端口号21503

react native 红屏相关推荐

React Native 红屏问题的解决
">今天试着搭建一下react native的应用,搭建环境ok,执行react-native run-android 结果显示 BUILD SUCCESSFUL,goodjob, 拿 ...
React Native 红屏之Could not connect to development server.
React Native 是目前最火的开发框架,其他不说了,上Bug. 按照 React Native iOS环境搭建高级版在mac上搭建 React Native 环境,运行项目若 ...
React Native 红屏报错 Unable to load script from assets
出现上面的报错,先确认rn服务是否运行成功有的情况下是启动失败,或是启动后意外关闭了,或是端口不一致. 这里记录一下另外一种情况: 如果是从GITHUB上面新CLONE下来的项目 ,可能 andro ...
react native Windows 红屏报错500 The development server returned response error code：500
react native Windows红屏报错500 -react-native run-android出现这个内容其实很简单,这个主要是兼容的问题,因为react native 是Faceboo ...
React Native Reload（双击R）红屏 Could not connect to development server
如图所示,Reload 或者双击R后,出现大红屏. 总结一下,问题主要出现在下面三个方向. 检查一下,package是否正常运行. 看一下是否忘记启动package,或者提供了错误的监听端口. 看一下 ...
React Native Android启动白屏的一种解决方案下
React Native Android启动白屏的一种解决方案下参考文章: (1)React Native Android启动白屏的一种解决方案下 (2)https://www.cnblogs.co ...
React Native Android启动白屏的一种解决方案上
React Native Android启动白屏的一种解决方案上参考文章: (1)React Native Android启动白屏的一种解决方案上 (2)https://www.cnblogs.co ...
windows 下配置 react native 开发环境
windows 下配置 react native 开发环境安装nvm 由于react native 需要使用 NodeJs 4.0以上版本,为了方便切换NodeJs,首先我们需要安装nvm. 你可以 ...
android开发rn插件,在Android原生应用中嵌入React Native
开发工具:Android Studio , WebStorm 参考链接:React Native官方中文文档一.创建React Native项目 1.在本地React Native项目目录下,创建一 ...

react native 红屏

react native 红屏相关推荐

最新文章

热门文章