React-Native 踩过的坑

最新推荐文章于 2022-10-18 19:53:42 发布

一片孤城

最新推荐文章于 2022-10-18 19:53:42 发布

阅读量1k

点赞数 1

分类专栏： Reac-Native 文章标签： React-Native Android

Reac-Native 专栏收录该内容

1 篇文章

订阅专栏

这篇博客主要讲述了在使用React-Native开发过程中遇到的一些问题，包括React-Native红屏显示错误、官网Maven依赖路径错误、离线打包命令以及真机调试中的困扰。错误通常由版本不匹配或目录结构不符引起，通过调整Package.json、修复依赖路径、使用特定的打包和调试命令，可以解决这些问题。

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

1、

React-Native红屏显示

undefined is not an object

u.SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner

出现这个错误是由于Package.json文件中的React和React-Native版本不匹配的原因导致的。可以通过 npm install 命令查看当前的React-Native版本需要的React的版本是多少，然后修改 Package.json 文件中的React的版本，再重新npm install。

package.json文件

2、官网中的Maven依赖路径错误

正确的路径应该是

url "$rootDir/../../node_modules/react-native/android"

3、

setJSMainModulePath()中的参数应该是根据index.js还是index.android.js来判断

官网的是

应该改为

4、离线打包命令

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android\MyApplication\app\src\main\assets\index.android.bundle --assets-dest android/MyApplication/app/src/main/res/

5、真机调试

在将react-native集成到现有的android项目中时，当项目集成完成，运行 “react-native run-android”时出现“ Android project not found,try 'react-native android' ”的提示，但是在运行了react-native android 之后还是不能完成编译打包。出现这个问题主要是因为android项目的目录结构跟react-native支持的目录结构不一致导致的。

提示：当然了你也可以运行“react-native upgrade”，该命令运行之后你会发现你的android项目的目录结构变化了

如果不想改变项目的目录结构，可以用以下命令来实现调试

1、react-native start

2、adb reverse tcp:8081 tcp:8081

再在手机上打开React-Native网页就可以加载电脑上修改的jsbundle了

如果想重新加载，可以摇晃手机调出菜单点击reload，摇晃手机无效的话使用adb shell 命令调出菜单

3、adb shell input keyevent 82