RN调试坑点总结（不定期更新）

2024-09-01 23:53:07

前言

我感觉，如果模拟器是个人的话，我已经想打死他了
大家不要催我学flutter啦，哈哈哈，学了后跟大家分享下

RN报错的终极解决办法

众所周知，RN经常遇到无可奈何的超级Bug, 那么对于这些问题的终极解决办法是什么呢？

我总结了3点

终极解决方法有三种：

运行npm start — —reset-cache清除缓存，然后再跑
总保持有一个node_modules备份，要是安装模块出问题了就从备份复制一份进项目里
重新启动MAC电脑

（以上操作在多次run，或者删除APP再run后失败的情况下使用）

目录

Android真机调试
IOS调试篇
WebView调试篇

Android真机调试

安装adb,后来可以通过adb devices来检测设备连接成功没有
用USB连接Android手机和电脑, 选择“同意数据传输”
启动Android的USB调试模式 https://zhidao.baidu.com/question/871975720968548932.html
运行react-native run-android

IOS模拟器篇

1.MAC上调试工具React-native-debugger下载缓慢及其解决办法。

我们可以下载React-native-debugger,用于RN项目的调试

我在下载的时候，遇到两个无语的问题

这玩意儿是没有官网的，你只能从github上下载，我这里给一个点击就能直接下载的链接：https://github.com/jhen0409/react-native-debugger/releases/download/v0.10.0/rn-debugger-macos-x64.zip
这个东西大概90M左右，下载慢不说，而且因为网络原因，经常下载到快完成的时候失败！ 加快下载速度的方式如下：

打开你的VPN
打开上面的链接：https://github.com/jhen0409/react-native-debugger/releases/download/v0.10.0/rn-debugger-macos-x64.zip，很快就能下好

2.调试中，可能偶尔就会出现让人非常无语的红屏问题，报（Could not connect to development server）

比如下面的这个不能连接到服务器就是我偶尔或经常遇到的问题，

解决方法：一般刷新几次就好了，如果刷新多次无效，那么重新通过react-native启动项目

（如果IOS模拟器是个人我已经想要打死他了。。。）

3.调试中报错：Missing request token for request

解决方法：反正重启就万完事了。。。不行就再重启

4. 导入新的图片image后，显示红屏（非法字符 Error on load image on React-native: Unexpected character ）

解决方法：1.关闭项目，重新通过命令行启动。 2.如果还不行，那么再重试多次，一般会行的

5.红屏，提示 JSON value 'XXXX' of type NSString cannot be converted to a YGValue. Did you forget the % or pt suffix ?

6.红屏，和上面一样，但提示的文字是“Runtime is not ready for debugging”

这一般是这种情况：就是你先打开了调试器（React-Native-debugger），然后才启动的项目，项目认为“自己还没有准备好调试”，所以报了这个错误

解决方法

调出控制台菜单（IOS模拟器下通过control + D开启）
选择Stop Remote JS Debugging

7.红屏，和上面一样，提示文字: “Unhandled JS Exception: global.nativeTraceBeginSection is not a function”

这个问题据说不少人遇到过，解决方法是：在模拟器上删掉APP，然后重新编译安装，

它属于“完全的不可抗力”，不是因为你做错了什么，但问题恰恰就这样出现了。。。。。

参考链接 https://cloud.tencent.com/developer/ask/216506/answer/333025

8. 发现程序有错但是控制台看不到红色错误（error）???

这是因为。。。。。。。报的错误可能不是红色的，而是白色的

下面的这位error老弟，我还是第一次看到长得这么“白白净净” 的Error, 难道你不应该是“红脸关公”

最新文章

热门文章