Could not get BatchedBridge, make sure your bundle is packaged correctly

原创 于 2018-10-18 10:40:12 发布 · 2.5k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#bundle #BatchedBridge #JSException

本文详细记录了在原生Android项目中集成ReactNative时遇到的com.facebook.react.devsupport.JSException错误解决过程，包括检查文件一致性、启动react-native包、生成本地bundle文件等关键步骤。

最近在原生Android项目中集成React Native环境时，频繁出现 com.facebook.react.devsupport.JSException: Could not get BatchedBridge, make sure your bundle is packaged correctly的错误，详细报错信息如下：

10-18 09:42:47.280 18014-18014/com.wwy.jichengrnapplication E/MemoryLeakMonitorManager: MemoryLeakMonitor.jar is not exist!
10-18 09:42:47.283 18014-18014/com.wwy.jichengrnapplication E/Minikin: Could not get cmap table size!
10-18 09:42:47.394 18014-18034/com.wwy.jichengrnapplication E/iGraphicsGLIntercept: failed to load file: /product/etc/xml/igraphics_config_cust.xml
10-18 09:42:48.589 18014-18063/com.wwy.jichengrnapplication E/unknown:React: Exception in native call from JS
    com.facebook.react.devsupport.JSException: Could not get BatchedBridge, make sure your bundle is packaged correctly
        at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method)
        at android.os.Handler.handleCallback(Handler.java:808)
        at android.os.Handler.dispatchMessage(Handler.java:101)
        at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:31)
        at android.os.Looper.loop(Looper.java:166)
        at com.facebook.react.bridge.queue.MessageQueueThreadImpl$3.run(MessageQueueThreadImpl.java:196)
        at java.lang.Thread.run(Thread.java:784)
     Caused by: com.facebook.jni.CppException: Could not get BatchedBridge, make sure your bundle is packaged correctly
        at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method) 
        at android.os.Handler.handleCallback(Handler.java:808) 
        at android.os.Handler.dispatchMessage(Handler.java:101) 
        at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:31) 
        at android.os.Looper.loop(Looper.java:166) 
        at com.facebook.react.bridge.queue.MessageQueueThreadImpl$3.run(MessageQueueThreadImpl.java:196) 
        at java.lang.Thread.run(Thread.java:784) 
10-18 09:42:48.602 18014-18063/com.wwy.jichengrnapplication E/unknown:React: Exception in native call
    java.lang.RuntimeException: Error calling function: RCTDeviceEventEmitter:emit
        at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method)
        at android.os.Handler.handleCallback(Handler.java:808)
        at android.os.Handler.dispatchMessage(Handler.java:101)
        at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:31)
        at android.os.Looper.loop(Looper.java:166)
        at com.facebook.react.bridge.queue.MessageQueueThreadImpl$3.run(MessageQueueThreadImpl.java:196)
        at java.lang.Thread.run(Thread.java:784)
     Caused by: java.lang.RuntimeException: Empty Optional cannot be unwrapped
        at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method) 
        at android.os.Handler.handleCallback(Handler.java:808) 
        at android.os.Handler.dispatchMessage(Handler.java:101) 
        at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:31) 
        at android.os.Looper.loop(Looper.java:166) 
        at com.facebook.react.bridge.queue.MessageQueueThreadImpl$3.run(MessageQueueThreadImpl.java:196) 
        at java.lang.Thread.run(Thread.java:784) 
10-18 09:42:48.607 18014-18063/com.wwy.jichengrnapplication E/unknown:React: Exception in native call
    java.lang.RuntimeException: Error calling function: AppRegistry:runApplication
        at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method)
        at android.os.Handler.handleCallback(Handler.java:808)
        at android.os.Handler.dispatchMessage(Handler.java:101)
        at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:31)
        at android.os.Looper.loop(Looper.java:166)
        at com.facebook.react.bridge.queue.MessageQueueThreadImpl$3.run(MessageQueueThreadImpl.java:196)
        at java.lang.Thread.run(Thread.java:784)
     Caused by: java.lang.RuntimeException: Empty Optional cannot be unwrapped
        at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method) 
        at android.os.Handler.handleCallback(Handler.java:808) 
        at android.os.Handler.dispatchMessage(Handler.java:101) 
        at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:31) 
        at android.os.Looper.loop(Looper.java:166) 
        at com.facebook.react.bridge.queue.MessageQueueThreadImpl$3.run(MessageQueueThreadImpl.java:196) 
        at java.lang.Thread.run(Thread.java:784) 
10-18 09:42:48.659 18014-18014/com.wwy.jichengrnapplication E/AndroidRuntime: FATAL EXCEPTION: main
    Process: com.wwy.jichengrnapplication, PID: 18014
    android.view.WindowManager$BadTokenException: Unable to add window android.view.ViewRootImpl$W@de3eca0 -- permission denied for window type 2003
        at android.view.ViewRootImpl.setView(ViewRootImpl.java:908)
        at android.view.WindowManagerGlobal.addView(WindowManagerGlobal.java:372)
        at android.view.WindowManagerImpl.addView(WindowManagerImpl.java:128)
        at android.app.Dialog.show(Dialog.java:454)
        at com.facebook.react.devsupport.DevSupportManagerImpl$4.run(DevSupportManagerImpl.java:332)
        at android.os.Handler.handleCallback(Handler.java:808)
        at android.os.Handler.dispatchMessage(Handler.java:101)
        at android.os.Looper.loop(Looper.java:166)
        at android.app.ActivityThread.main(ActivityThread.java:7425)
        at java.lang.reflect.Method.invoke(Native Method)
        at com.android.internal.os.Zygote$MethodAndArgsCaller.run(Zygote.java:245)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:921)

经检查我的package.json和index.android.js文件均没有语法错误，然后也确认我index.android.js、package.json、RNactivity文件中的getMainComponentName方法返回的那个值三者一致。然而并无卵用，跳转到RN页面后仍然是全白页面或者这样的红色页面，双击R键也没用，重新启动应用也没用。

最后我进入到项目根目录下cmd命令执行 npm start 开启react-native的package，参照下图执行：

待package如上图启动成功后点击进入RN界面，开启在APP上层显示权限，再回到app中仍然无效。

最后看到一篇文章说需要生成本地bundle文件，解决办法是：

在当前工程根目录下打开cmd执行：
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

注意根据各自工程名字可能有不同程序的修改，
注意如果工程没有/android/app/src/main/assets文件，需要先创建。

如上图信息则成功生成了如下的两个bundle文件

这样就完美解决了，重新运行应用，就正确进入了RN页面了。

Android原生嵌入React Native
xiangzhihong8的专栏
09-19 3043
1.首先集成的项目目录我使用的是直接按照react-native init Project 的格式来导入的，也就是说，我的Android项目目录是跟node_modules是在一个目录下的。我们init完项目之后，项目初始化完成了，这时候我们可以用命令react-native run-android直接运行项目，至于怎么调试，之前已经说过。说一下我们怎么开发和运行分开吧，我们开发一般会选择webs
Chrome的启动参数
Criss@陈磊
02-23 5635
List of Chromium Command Line Switches Condition Explanation --[1]⊗ Classic, non-material, mode for the |kTopChromeMD| switch.↪ --0⊗ Value of the --profiler-timing flag that will disable timin...
Could not get BatchedBridge, make sure your bundle is packaged correctly
热门推荐
b992379702b的专栏
08-17 1万+
Could not get BatchedBridge, make sure your bundle is packaged correctly今天在学习ReactNative时，研究到ReactNative嵌入到原生app时遇到的一个问题，导致程序跳转的时候就crash,错误日志如下：java.lang.RuntimeException: Could not get BatchedBridge,
React Native Android 初次试用遇到的各种坑
coder_nice的专栏
10-26 1万+
React Native 的趋势React Native 是近来最热门的技术热点之一，RN的推广势必带来一种新的开发思路，但目前来看RN并没有预想的发展那样快，还存在很多问题等待解决，作为Android开发人员了解一下RN还是很有必要的文档RN开发教程和文档还是很完善的，我是一般直接查看官方文档。 RN官方文档关于部署环境的步骤就不多做解释了，按照文档一步步的走下来，就完全ok。RN初次使用的各种
Android原生嵌入React Native 过程中遇见的各种坑
ssksuke的博客
09-01 1万+
首先说说情况吧，公司需要原生嵌入ReactNative，迫于需要，要搞起来。 看着iOS就搞了20分钟，感觉Android就算麻烦也不能太麻烦的，结果还是自己太年轻了。 下面就是我遇到的各种问题，希望对看到的朋友能有帮助 （我用的是ReactNative版本为0.32.0） 1.首先集成的项目目录 我使用的是直接按照react-native init Project 的格式来导入的，也就
【React Native】在原生项目中集成之坑点总结
Tiny的专栏
12-07 1万+
Integration With Exist apps 在原生项目中，集成React Native框架，部分功能是用RN进行开发。包括依赖引入，包重复等问题进行总结，希望能帮到大家。
could not get batchedbridge, make sure your bundle is packaged correctly
画虎烂的专栏
08-26 7516
之前项目还能正常运行，可是今天再去运行时报could not get batchedbridge, make sure your bundle is packaged correctly原因：可能是你将之前安装并配置好的apk应用从手机卸载掉，然后重新安装运行，这时候的dev settings 被重置了。解决方案：重新配置好IP和端口号，再运行react-native run-android
红屏问题"Could not get BatchedBridge, make sure your bundle is packaged correctly"
minghui_1980的博客
11-30 407
解决方法: 在package.json中的"scripts"中添加"bundle-android":"react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle -
React Native 解决 Could not get BatchedBridge
云中采薇
09-10 1482
Windows下做React Native开发，执行react-native run-android后，手机出现红屏提示： Could not get BatchedBridge, make sure your bundle is packaged correctly出现这种情况通常是电脑8081端口被占用导致的，因为React Native会在8081端口启动nodejs服务，手机端调试依赖此服
【React Native】React Native之Could not get BatchedBridge,make sure...的问题
Lex 的博客
07-01 1870
下载了一个项目，npm install安装之后，再次运行，却出现Could not get BatchedBridge,make sure your bundle is packaged correctly的错误。 长这个样：先说解决方法：1 . 在项目的android/app/src/main目录下，新建一个assets文件夹。2 . 在项目的根目录下，通过git-cmd运行命令：react-
Could not get BatchedBridge, make sure your bundle is packaged correctly问题解决
ddddwwww2的博客
11-26 661
在你的react native项目的根目录下执行以下命令： react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/a
bundle update mysql2 Could not find gem 'mysql2'.
最新发布
03-02
<think>好的，用户遇到了运行`bundle update mysql2`时出现“Could not find gem 'mysql2'”的错误。我需要分析可能的原因并提供解决方案。首先，这可能是因为Gemfile里没有正确声明mysql2这个gem，或者版本号限制太严格导致无法找到。另外，用户可能没有正确的源，或者缓存问题导致bundler找不到gem。 我应该先检查Gemfile的内容，确认是否有`gem 'mysql2'`这一行。如果没有，用户需要手动添加。如果有，可能需要检查版本号是否兼容当前的Ruby和Rails版本。如果版本过旧或指定了不存在的版本，也会导致问题。 接下来，用户可能需要运行`bundle install`而不是`bundle update`，特别是在初次安装的时候。如果bundler配置的源有问题，可能需要更换源，比如使用Ruby China的镜像。此外，清理bundler的缓存或临时文件也可能有帮助。 另外，系统依赖是否安装了MySQL的开发库？比如在Ubuntu上需要安装`libmysqlclient-dev`，否则编译原生扩展会失败。用户可能需要安装这些依赖项后再执行bundle命令。 最后，如果所有步骤都正确，但问题依旧存在，可能需要检查网络连接，或者尝试指定版本号安装，比如`bundle add mysql2 -v '0.5.5'`。确保用户的环境变量没有干扰，例如代理设置或路径问题。</think>$\textcolor{blue}{问题定位}$ 执行`bundle update mysql2`报错`Could not find gem 'mysql2'`的常见原因： $\textcolor{red}{关键检查点}$ 1. **Gemfile缺失声明** 检查项目根目录的$\texttt{Gemfile}$是否包含： $$\text{gem 'mysql2', '>= 0.3.18'}$$ 如果不存在，需手动添加后保存 2. **版本冲突** 当指定了不兼容的版本约束时触发，例如： $$\text{gem 'mysql2', '~> 0.4'}$$ 但实际需要的是0.5.x版本 $\textcolor{green}{解决方案}$ $\boxed{步骤1}$ 验证Gemfile配置 ```ruby # 正确配置示例(适应MySQL 8.0) gem 'mysql2', '~> 0.5', '>= 0.5.3' ``` $\boxed{步骤2}$ 清理缓存并重试 ```bash bundle clean --force rm -rf vendor/bundle bundle install --path vendor/bundle ``` $\boxed{步骤3}$ 指定版本安装(强制覆盖) ```bash bundle add mysql2 -v '0.5.5' --skip-install bundle config set force_ruby_platform true bundle install ``` $\textcolor{orange}{系统依赖验证}$ 在Ubuntu/Debian系统需先安装： ```bash sudo apt-get install libmysqlclient-dev ``` 在CentOS/RHEL系统： ```bash sudo yum install mysql-devel ``` $\textcolor{purple}{典型错误场景}$ ```log An error occurred while installing mysql2 (0.5.5), and Bundler cannot continue Make sure that `gem install mysql2 -v '0.5.5' --source 'https://rubygems.org/'` succeeds ``` $\Rightarrow$ 此时应执行： ```bash gem install mysql2 -v '0.5.5' -- --with-cflags="-Wno-error=implicit-function-declaration" ``` $\textcolor{gray}{版本对照表}$ | Redmine版本 | 推荐mysql2版本 | Ruby版本要求 | |------------|----------------|-------------| | 4.2.x | 0.5.3 | >= 2.3 | | 5.0.x | 0.5.5 | >= 2.7 | | 5.1.x | 0.5.5+ | >= 3.0 |
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值