React-Native 在手机上运行踩坑

1、打开模拟器，出现红框 react native Unable to download JS bundle

（1）连不上服务器，首先打开cmd，然后在工程根目录下运行npm start。

（2）如果是真机的话，摇晃手机出现对话框，

点击’Dev Settings’,进入

点击红框部分“Debug server host”，进入

红框部分输入自己的ip地址，点击确定。

或者如果是5.0以上的手机可以打开cmd输入adb reverse tcp:8081 tcp:8081

2、log日志中报java.lang.UnsatisfiedLinkError: could find DSO to load: libreactnativejni.so的错误

在gradle.properties中添加 android.useDeprecatedNdk=true，

在build.gradle中添加

android { 
    ... 
    defaultConfig { 
        ...    
        ndk {  
            abiFilters "armeabi-v7a", "x86" 
        } 
    }  
    ... 
    packagingOptions { exclude "lib/arm64-v8a/librealm-jni.so" }  
    ...  
}
           

3、如果一直白屏看不到红色报错框

请在设置中找到该应用打开悬浮框权限。

4、undefined is not a function (evaluating ‘(bridgeConfig.remoteModuleConfig||[]).forEach’)

原因：node_modules跟工程在同一级目录，但是maven搜索的路径不是同一级路径。

解决，修改maven路径。

错误的路径

修改成

5、undefined is not an object(ecaluating ‘ReactInternals.ReactCurrentOwner’)

用的react版本不兼容造成的，使用命令npm add [email protected]，然后再进行npm start。重新运行app试试。如果还不行就再试一下别的版本