React-Native 踩过的坑

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