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試試。如果還不行就再試一下别的版本