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

原创
2016/09/01 21:06
阅读数 3.1K

一、场景:

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

react

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

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部