React Native Reload（双击R） 红屏 Could not connect to development server

最新推荐文章于 2024-06-29 15:42:45 发布
最新推荐文章于 2024-06-29 15:42:45 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： React-native 文章标签： react native Android 红屏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42184799/article/details/85266992
版权

如图所示，Reload 或者双击R后，出现大红屏。
在这里插入图片描述

总结一下，问题主要出现在下面三个方向。

  1. 检查一下，package是否正常运行。
    看一下是否忘记启动package，或者提供了错误的监听端口。
    在这里插入图片描述
    看一下端口号是否和你的run-android命令的端口号一样。
    如果是这里的问题，可以看我另一篇帖子。

    React Native 切换监听端口（红屏：Unable to load from asset 'index & packager 卡在graph, done.）
    https://blog.csdn.net/qq_42184799/article/details/85266381

  2. 查看一下是否正确连接了模拟器。
    检查一下adb是否正确连接了设备。
    打开cmd窗口，输入命令 adb devices
    正常只有一个设备被显示。
    在这里插入图片描述
    如若不是，重新连接一下adb，注意得是

最低0.47元/天 解锁文章
shijiahang
关注
专栏目录
【ReactNative】真机上无法调试 could not connect to development server
Teng's world
07-21 9576
ReactNative 版本 0.27.2  真机调试，一直红屏，报错 could not connect to development server 检测流程: 1.工程目录npm  start  OK 2.AppDelegate.m的localhost换成PC上的IP地址 192.168.0.103，且PC上的地址和手机上的同一局域网 OK 3.xcode提示
react-native-double-tap:React-Native双击组件
05-26
React本机双击 React Native的包装器组件，它支持双击和单击。 在Android和iOS上均可使用。 安装 npm install --save react-native-double-tap 用法 export default class App extends React . Component { render ( ) { return ( < View> < DoubleClick xss=removed> { console . log ( "single tap" ) ; } } doubleTap = { ( ) => { console . log ( "double tap" ) ;
React Native android could not connect to development server
taowuhua的博客
12-22 238
React Native android could not connect to development server 用的是react-native 0.37、Nexus 7 - 5.1.1版本。在项目根目录下运行react-native run-android会在手机上面安装并运行这个apk。然后摇一下手机或者在电脑命令行输入adb shell input keyevent
宝塔面板（BT Panel）所有命令值得收藏
满地找牙的博客
06-29 1721
宝塔面板版本的更新而有所变化，建议在使用时参考宝塔官方文档或面板内帮助指南，以获取最准确的信息。此外，执行系统级命令时请务必谨慎，以免对系统造成不必要的影响。注意：实际安装命令可能会随版本更新而变化，建议访问宝塔官网获取最新安装脚本。运行此命令可以进入宝塔面板的命令行模式，之后可以根据提示进行各种操作。可能用于查看宝塔面板的默认登录地址、用户名和密码（取决于版本和设置）。这类操作也可以在宝塔的文件管理器界面完成，无需直接输入命令。查看Nginx服务状态。
ios 原生集成ReactNative错误总结1之Could not connect to development server.
weixin_40200876的博客
11-01 451
iOS:React Native 之 Could not connect to development server.
react-native 新手爬坑经历(Could not connect to development server.)
weixin_30539625的博客
04-09 79
来，先说下报错出现场景，刚跑完项目加载完是好的，但是双击R后就开始耍小脾气了-红屏出现，如下图 首先检查包服务器是否运行正常。在项目文件夹下输入react-native start或者npm start均可开启服务器，但是我们需要在PC端确认包服务器是否运行正常。 解决: 1.手机摇一摇进入到Developer Menu 如图: 2.选择 Dev Settings 如图 ...
react native 红屏
qq_24172179的博客
01-22 1558
最经在学习react native时出现红屏的问题 大致问题是找不到index.android的问题 执行代码为react-native run-android   其实问题出在你的硬件设备没有连接本地开发的node服务 官网的说法是执行adb reverse tcp:8081 tcp:8081 但是一般我在开发过程中没有使用安卓5.0的版本 所以无法连接本地的服务器 这里需要手动配置两
react-native-device-brightness:ReactNative iOS 和 Android 的屏幕亮度调整工具
05-29
适用于ReactNative iOS和Android的屏幕亮度调整工具。 安装 npm install --save react-native-device-brightness 推荐通过纱 yarn add react-native-device-brightness 自动连结 使用React Native 0.27+ react-...
react-native-zoomable-view：react-native的视图组件，具有捏合缩放，点击移动和双击缩放功能
02-05
react-native-zoomable-view 一种视图组件，可通过捏合缩放，点击移动和双击缩放来进行React。 您可以缩放所有内容，包括普通图像，文本和更复杂的嵌套视图。 我们已经在两个项目中的生产中使用了该组件，但是出于...
React - React Native for Mobile Development 2nd Edition
最新发布
07-02
本书名为《React - React Native for Mobile Development 2nd Edition》，意在介绍如何利用React Native进行移动应用开发。React Native是一种基于JavaScript的框架，它允许开发者使用React的语法来构建原生移动应用...
react-native创建项目遇到的那些bug（4.could not connect to development sever
qq_38524537的博客
05-22 425
这个问题有两种情况：一：是你的node版本太低了，需要下载新的版本二：你的8081端口被占用了      处理：①：在这里我们先用cmd命令提示符检查一下8081端口的占用情况，在命令行输入以下命令                netstat -aon|findstr "8081"                查看是哪个进程把8081端口占用了，因为我们默认是使用8081端口的查到之后把进程杀...
React Native用onPress实现单击/双击
weixin_40920751的博客
10-21 1002
React Native用onPress实现单击/双击 onPress={() => { this.clickTimes = this.clickTimes || 0; this.douClickTimeOut && clearTimeout(this.douClickTimeOut); ++this.clickTimes; this.douClickTimeOut = setTimeout(() => { console.log(this.clickTi
react native双击事件实现
L_I_S的博客
04-14 2034
使用背景 看上去很简单的一个需求，找了几遍RN的文档并没有说明双击事件。没有办法只能自己手动实现 代码 这个是handler的写法 const followMedia = (() => { let times = 0; let timer = null; // 模仿双击事件 return () => { clearTimeout(tim...
解决ReactNative Could not connect to development server.
闫瑞锋的博客
04-24 563
出现这种情况 解决方法是 具体步骤：先晃动手机摇一摇，显示菜单 =》 点击Dev Settings =》 点击Debug server host &amp; port for device =》 设置IP和端口（ex:192.168.0.20:8081）[注意不要加上http://]=》 点击返回 =》 页面是空白，再次点击摇一摇，选择Reload 热加载 就不会出错了。...
react-native 初始页面添加双击退出，跳转到其他页面也触发双击退出函数问题
Ss的博客
06-23 2035
今天在使用react-native BackHandler绑定双击退出时，遇到一个大坑，在使用react-navigation时，初始页面绑定双击退出函数，在页面卸载时删除绑定函数，代码如下： const lastBackPressed = Date.now(); export default class HomepageIndexPage extends Component{ ... ...
react native 真机调试刷新代码红屏问题
kalinux的博客
02-23 1052
1，在自己新建的项目文件夹初始化项目：react-native init newproject1 2，创建完毕打开js服务器：react-native start 3，打开网页查看服务器是否开启成功：发现网页报错 “cannot find out index.android.js"， 就是找不到 index.android.js这个文件，后经过查询，发现是react-native从0...
react native: react-native-cli 创建项目
火星男孩的分享空间
07-08 1453
一、环境配置 node node下载地址：window选择Windows Installer (.msi) 验证： C:\Users\able>node -v v12.18.0 C:\Users\able>npm --version 6.14.4 npm配置 npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist
react-native 真机打开开发者菜单adb命令
jnitjy的专栏
04-11 1726
网络上很多都是说摇一摇就能打开开发者菜单。但是我摇的时候经常把数据线要出来。所以查了官方文档查到了这个命令： adb shell input keyevent 82。 当然得配一下android的环境变量。 参考地址：https://reactnative.cn/docs/debugging/ ...
使用React Native轻松构建iOS应用
"React Native for iOS Development 是一本实践指南，教你如何轻松开发原生iOS应用。本书通过React Native挑战传统iOS开发方式，采用革命性的组件、异步执行、独特的触摸处理方法等。它消除了对Objective-C的依赖，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值