react native debug时无法进入，一直白屏问题解决

最新推荐文章于 2024-09-09 19:46:22 发布

原创最新推荐文章于 2024-09-09 19:46:22 发布 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#react native #App #debug

app开发专栏收录该内容

11 篇文章

订阅专栏

本文介绍了解决ReactNative项目中遇到的白屏问题的方法。通过修改浏览器调试地址中的IP为localhost，通常可以解决白屏无法进入的问题。如果此方法无效，建议检查应用权限设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用react native调试时，浏览器会自动打开调试窗口，但是App一直白屏无法进入
解决方法：

修改浏览器地址，将ip修改为localhost,完整地址：http://localhost:8081/debugger-ui/
如果按上诉方法还是不行，可以试试网上的方法，给App开放全部权限

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小宝&

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【ReactNative】真机上无法调试 could not connect to development server

Teng's world

07-21

9708

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 启动白屏优化

m0_50937705的博客

02-10

724

在项目，我们每次打开应用都会有一个白屏的时间，这个白屏主要是因为系统在启动应用的时候，需要初始化工作然后再加载 JavaScript 代码，这个时间会比原生的应用会长一点。

3 条评论您还未登录，请先登录后发表或查看评论

React Native之使用“Debug JS Remote”时，出现白屏，跨域问题

chonglvpu2883的博客

07-26

549

启用“Debug JS Remote”出现白屏，主要原因就是浏览器跨域限制，从而导致不能通过浏览器进行web调试的目的。解决方案一：直接更改metro源码（此种方法，在每次安装node_modules时需要重新更改）（1）找到两个待更改的文件： \node_modules...

React Native Android 真机调试白屏错误

qq_40934679的博客

02-05

2085

问题叙述: 在运行后出现长时间白屏，多次reload后无反应。解决方法：进入手机的设置=》找到应用程序中自己的App=》更改其权限管理（全部允许）即可。有时还需要退出App，再次进入即可。

React-native 0.7x 在ios模拟器汇总无法启动open Debugger

qq_31525367的博客

04-18

586

【代码】React-native 0.7x 在ios模拟器汇总无法启动open Debugger。

模拟器打不开react-native的Debugging

眾K的博客

10-28

852

http://10.0.2.2:8081/debugger-ui 代替： http://localhost:8081/debugger-ui 并且请求失败。解决此问题的方法：在模拟器上启用远程调试之前，请http://localhost:8081/debugger-ui在chrome中打开。然后启用远程调试，并返回到chrome页面，您应该在其中查看控制台日志。 ...

React Native之使用“Debug JS Remote”时，出现白屏

yczyd的专栏

12-24

1909

React Native之使用“Debug JS Remote”时，出现白屏启用“Debug JS Remote”出现白屏，主要原因就是浏览器跨域限制，从而导致不能通过浏览器进行web调试的目的。解决方案一：直接更改metro源码（此种方法，在每次安装node_modules时需要重新更改）（1）找到两个待更改的文件： \node_modules\metro\src\Serve...

解决react-native，debug版本无法正常运行的办法。

Ren_HaiYang的博客

11-04

1818

react-native中，android打包成debug版本，静态文件加载不出来的解决办法： 1.在\android\app\src\main下建一个空的assets文件夹 2.项目目录下执行下列代码： react-native bundle --platform android --dev false --entry-file index.js --bundle-output android...

在小米手机上调试react-native白屏问题

soapcoder92的博客

08-08

2014

测试环境：MIUI7 安装应用：MyProject 首先，打开手机设置应用，点击进入设置界面。接下来，在设置应用中，选择“其他应用管理”选项。接下来，打开选择已经安装的应用，选择“MyProject”。接下来，点击“权限管理”，进入权限管理界面。最后，点击“显示悬浮窗”这个权限，将该权限设置为允许。

运行React Native项目出现白屏,无法运行

weixin_30785593的博客

08-14

330

运行React Native出现白屏,无法运行,查看终端报错如下: 原因: 代码中有语法错误,导致运行失败. 其实到这里可以去Xcode查看控制台打印,会提示哪个文件出现错误的. 解决办法: 找到报错文件,修改错误即可. 转载于:https://www.cnblogs.com/pengsi/p/7356094.html...

关于React-Native-Debugger.exe无法打开的问题

最新发布

qq_63105690的博客

09-09

350

React-Native iOS启动闪白屏问题完美解决方案：react-native-launch-image

大灰狼的小绵羊哥哥的博客

04-22

3085

由于RN首次启动的时候，需要加载整个bundle，再render出首页面，这个过程通常需要耗费总计几百毫秒到一两秒不等。在默认工程中，这个过程中给用户展示出的都是白色的背景，因此用户会感觉到屏幕有一小段时间的白屏，从而影响用户体验。为了解决这个问题，我们寻找了一些方法，最后推出了这个开源组件。安装如果你之前没有用过rnpm，请先安装rnpm 安装如果你之前没有用过rnpm，请

iOS 实现react-native预加载，优化第一次加载白屏问题

breeze的博客

01-29

4066

项目中存在多个react-native页面入口，每个入口使用以下方法初始化： - (instancetype)initWithBundleURL:(NSURL *)bundleURL moduleName:(NSString *)moduleName initialProperties:(NSDictionary

React Native踩坑之无法启动Debug

03-15

750

问题在chrome启动debug模式，连接不到地址解决办法在模拟器中，ctrl+m调出command，选择dev setting，然后设置debug地址为localhost:8081 转载于:https://www.cnblogs.com/fe-linjin/p/10538258.html...

React Native Android启动白屏的一种解决方案下

04-10

177

实现思路思路大流程： 1.APP启动的时候控制ReactActivity从而显示启动屏。 2.编写原生模块，提供一个关闭启动屏的公共接口。 3.在js的适当位置（一般是程序初始化工作完成后）调用上述公共接口关闭启动屏。目录结构 SplashScreen：创建Diaolg，当白屏的时候显示用。 SplashScreenModule、SplashScreenReactPackage...

58本地版64位包RN页面大概率白屏卡死问题

u014294681的博客

10-26

920

1.问题描述本地版支持64位应用包供主流应用商城要求上架，在测试过程中发现 RN 界面大概率出现白屏、卡死。 2. 排查原因分析过程： # case 1 同城 64位包，切换到县域/找工作，无此问题 2 对比同城、本地版 64位包 RN 相关 so，md5 一致 3 经测试排除本地版自定义 RN 载体页原因 4 ReactNative 框架、JS 业务无明显错误日志排除以上原因，再看下业务 module 调用，使用命令行： adb logcat | grep ‘re

react-native Android模拟机调试问题

wayne214的博客

12-17

465

另外在安卓模拟器打开远程调试的时候：google浏览器的地址栏设置ip地址如： 192.168.3.10:8081/debugger-ui/ 无法打开调试，解决方法是：讲地址栏中的ip部分替换成localhost就可以了进行愉快的调试了，具体什么原因还没有搞清楚，日后有时间在查一下吧 reactnative项目的调试是个大问题，尤其是android的调试，你永远都不会知道你走出来这个坑，还有多少坑...

react-native android 连接真机的步骤以及报错解决方式

坚果

06-13

1695

react-native android 连接真机的步骤以及报错解决方式

React-native常见报错

TinaSlowDown的博客

03-13

2009

1.远程调试JS 问题：unable to connect remote debbuger 先打开网址：http://localhost:8081/debugger-ui/，然后再点击debug js remotely 2.override 【描述】 Native module VectorIconsModule tried to override VectorIconsModu...

iOS平台React Native Debug Server Host工具更新指南

开发者可以利用React Native Debug Server Host在开发React Native应用时，快速定位问题、查看实时数据流，并进行复杂的调试操作。针对不同版本的React Native框架，开发者需要关注其调试接口的变化，确保使用最新...