REACT-NATIVE混編----bundle錯誤解決

1、場景：

react-native基本功能開發晚上後，須要大量用到媒體，不得不混編android java。debug時出現錯誤

2、異常:

error 「Could not get BatchedBridge, make sure your bundle is packaged properly」 on start of app

緣由：找不到編譯打包後的js文件。其實就是android studio默認的尋找js文件地址和react-native本身的工具編譯所使用的地址不一樣。

3、解決：

一、添加bat文件打包js並放在android studio的默認位置

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

二、配置爲gradle任務

task bundleJSTask(type: Exec, description: '打包JS文件並放到指定位置'){
    workingDir  '../'
    commandLine 'cmd', '/c',  'bundleJs.bat'
    ext.output = {
        return standardOutput.toString()
    }
}

三、將任務配置在android studio默認的編譯打包部署app任務前面。

四、結果：打包好的文件放到了合適的位置：