React Native 真机调试：RectNative启动红屏问题解决

最新推荐文章于 2023-08-21 18:34:23 发布
原创 最新推荐文章于 2023-08-21 18:34:23 发布 · 887 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍使用React Native进行真机调试的步骤：确保手机正确连接并开启USB调试，下载ADB工具，配置React Native项目，运行node服务器，设置端口转发，启动应用，以及开启热部署等功能，帮助开发者高效完成移动应用开发。

https://reactnative.cn/docs/running-on-device/

1. 手机必须先连接

连接时选择仅充电 ==> 百度自己机型如何打开开发者模式

==> 打开 usb 调试

2. 下载 adb

cd 到 adb 目录下执行命令

adb devices

==> 通过此命令查看是否 连接设备

3. react-native [projectName]

4. react-native run-android

npm start ==> 打开 node 服务器

5. adb reverse tcp:8081 tcp:8081

6. adb shell input keyevent 82

7. 摇晃手机 设置端口

保证 真机 和 开发电脑 属于统一网络

查看电脑 ip

设置ip端口号

[你的ip]:8081

8. reload

9. 开启热部署

react-native入门之 win10+android 真机运行
蛐蛐的博客
03-25 490
文档：https://reactnative.cn/docs/running-on-device 1.开启USB调试 在默认情况下 Android 设备只能从应用市场来安装应用。你需要开启 USB 调试才能自由安装开发版本的 APP。 首先，确定你已经打开设备的 USB 调试开关。 2.连接设备 使用adb devices命令： List of devices attached 2a1f5d57 device emulator-5554 device ...
Android Studio环境下搭建ReactNative
xiangzhihong8的专栏
06-28 6698
1.安装Android Studio 首先肯定是 安装Android Studio（包含SDK）(国内推荐) ps:这里有一点要注意，需要为SDK配置环境变量，名称必须为ANDROID_HOME 2.安装Nodo.js（自带npm） 从官网下载node.js的官方4.1版本或更高版本。 安装完成后建议设置npm镜像以加速后面的过程（或使用科学上网工具），也可使用nrm具体参考链接。 n
React Native真机红屏报错总结
weixin_30648587的博客
11-01 224
一、run-android报错：unable to load script from assets 'index.android.bundl' 解决： 1.进入\android\app\src\main 2.新建assets文件夹 3.执行 react-native bundle --platform android --dev false --entry-file index.js...
Android Studio 真机USB调试教程(超详细)
Karthus77的博客
02-17 1万+
Android Studio 真机调试 笔者以自己的HUAWEI P40为例 一、手机设置开发者模式 手机—>设置----->关于手机 连续点击版本号，之后会让你输入锁屏密码，然后手机进入开发者模式 二、USB连接调试 将手机和电脑通过USB线连接起来 打开"系统与更新“，找到开发人员选项 打开USB调试 点击确定，点开Android Studio 真机调试完成 ...
ReactNative真机运行
a82022424的博客
06-04 448
前提条件：USB 调试 你需要开启 USB 调试才能在你的设备上安装你的 APP。 首先，确定你已经打开设备的 USB 调试开关 确保你的设备已经成功连接。可以输入adb devices来查看: $ adb devices List of devices attached emulator-5554 offline # Google模拟器 14ed2fcc devi...
react native 如何真机运行
滴水可以穿石 百炼才能成钢，谋全局而通一域 致广大而尽精微
11-18 707
默认情况下,你的iphone 连接你的电脑,使用localhost,真机可以运行 当你拔掉连接线的时候,这是还可以运行,因为jsbundle 已经加载 但是你杀掉进程时候,你发现你的app 启动不起来了,怎么办呢? 1>在终端输入 ifconfig,得到你电脑的ip地址 2>RCTWebSocketExecutor.m文件中 的localhost改为电脑的的ip就可以了
超详细 React Native 入坑使用指南，我在元宇宙等你
qq_15041931的博客
12-19 9266
前言 大家好，我是虚竹，今天给大家分享一下我是如何快速通关打怪搭建 React Native 跨端开发环境，并使用大家非常熟悉的开发工具 VSCode 来编写丝滑般的代码。编写丝滑般代码会再下一篇输出，包括项目实战经验总结和踩坑，如目录架构、函数式编程、React Hook 灵活运用、常见场景、开发调试、发布部署、踩坑、性能优化等等。 之前因为在我的技术群，收到群友@我，问能否出一个保姆级 React Native 搭建开发环境的教程，我说照着官方文档步骤操作即可。可惜事与愿违没那么顺利，流程上繁琐不够清晰
【Android开发者的调试秘籍】：TextView ellipsize属性失效剖析
通过实际案例分析，文章展示了如何运用Android Studio调试工具和Logcat进行问题诊断和解决。此外，本文还提供了针对TextView ellipsize问题的理论知识总结，并探讨了调试技术的扩展应用与未来展望，包括AI在调试领域...
跨平台适配挑战：iOS与Android下模糊效果一致性的6项保障措施
但当你真正开始在一个跨平台项目里实现这种效果时——尤其是需要在Flutter或React Native中同时跑通iOS和Android——很快就会发现：**同样的“模糊半径”，两端看起来就是不一样！** 这背后到底发生了什么？为什么...
用总分总的形式回答
最新发布
11-06
我们将从UI组件、原生模块、导航、权限管理、性能优化和测试调试六个维度系统解决跨平台兼容问题。 分述： 1. **统一UI组件与样式适配** - 使用React Native内置组件（如`<View>`, `<Text>`, `<Image>`）构建基础...
React-native 环境搭建，初次运行红屏问题解决
Alice
08-22 496
1 环境搭建 官方中文网 参考官方说明，新增的环境变量截图如下 D:\WorkSpace\bxf\Python\Python2.7.15\Scripts;D:\WorkSpace\bxf\Python\Python2.7.15\Tools\Scripts;D:\Program Files\nodejs\;D:\AndroidSDK\platform-tools 2 华为手机开发者模式连接 下...
React Native项目如何在真机上运行？
自然 醒的博客
08-21 2647
这里使用默认路径即可，直接Next。
react native 项目运行起来屏幕一篇红
qq_24343389的博客
12-23 251
报错： java.lang.RuntimeException: Unable to load script from assets 'index.android.bundle'. Make sure your bundle is packaged correctly or you're running a packager server. 解决方法： 第一步： mkdir androi...
React Native 启动ios/Android 红屏问题 解决
我家猫叫佩奇の博客
11-15 464
查看8081端口的进程 sudo lsof -i :8081 杀死进程, 然后重新运行 kill -9 &lt;PID&gt;   以下是我的电脑操作     
react-native 环境搭建，项目构建以及真机调试（window android）
weixin_44510655的博客
10-13 1795
react-native项目构建，环境搭建，真机调试
react-native android 连接真机的步骤以及报错解决方式
坚果
06-13 1761
react-native android 连接真机的步骤以及报错解决方式
利用adb对android手机进行远程截图/截屏
热门推荐
认知 行动 坚持
05-10 1万+
今晚在家捣腾手机， 玩adb的时候， 利用adb对手机进行了截图,  玩玩， 如下： C:\Documents and Settings\Administrator>adb connect 192.168.1.100 connected to 192.168.1.100:5555 C:\Documents and Settings\Administrator>adb sh
React Native 红屏问题的解决
格物穷理
05-04 8501
React Native 红屏问题解决
react-native启动时红屏报错：Unable to load script.Make sure you're either running a metro server or that ...
THMAIL的博客
08-20 6291
一、报错信息内容 我是在Android Studio中运行启动react-native项目时报的这个错误 1、报错提示：Unable to load script.Make sure you're either running a metro server（run 'react-native start' ） or thatyour bundle 'index.and...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值