React Native真机红屏报错总结

最新推荐文章于 2024-01-21 21:31:13 发布

原创最新推荐文章于 2024-01-21 21:31:13 发布 · 449 阅读

0 ·

CC 4.0 BY-SA版权

react-native 同时被 3 个专栏收录

5 篇文章

订阅专栏

红屏报错

1 篇文章

订阅专栏

真机调试

1 篇文章

订阅专栏

本文针对ReactNative在运行Android项目时遇到的三个常见错误进行了详细解析，并提供了有效的解决步骤。包括无法加载'scriptsfromassets'的index.android.bundle，ModuleHMRClient注册模块问题，以及developmentserver返回500错误的情况。

一、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 --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

二、run-android报错：Module HMRClient is not a registerd callable module

解决：

原因是ip变动引起的，用ipconfig查看ip后在Dev Setting里面设置的IP，格式ip:8081

三、run-android报错：The development server returned response error code: 500 in react-native

报500错误时，先考虑下。是不是正写着项目图片然报500错误了。如果是这样的话很有可能是因为文件或图片引入不成功，也就是引入路径错误导致的