REACT-NATIVE混编----bundle错误解决

为什么80%的码农都做不了架构师？>>>   

一、场景：

react-native基本功能开发晚上后，需要大量用到媒体，不得不混编android java。debug时出现错误

二、异常:

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

原因：找不到编译打包后的js文件。其实就是android studio默认的寻找js文件地址和react-native自己的工具编译所使用的地址不同。

三、解决：

1、添加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/

2、配置为gradle任务

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

3、将任务配置在android studio默认的编译打包部署app任务前面。

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

转载于:https://my.oschina.net/fir01/blog/741220