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任务前面。

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