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

前端之家收集整理的这篇文章主要介绍了REACT-NATIVE混编----bundle错误解决前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、场景:

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://www.f2er.com/react/306074.html

猜你在找的React相关文章