Android: Crash after Requesting Bundle

[LiamInJapan]

Description

I am following the guide here to integrate React Native with a pre-existing app.

I am doing this via a normal native button. I press this and I execute the setup code in the article.

I see a spinner on the screen and it informs me that the app is "fetching JS bundle".

Output in the command line bundler also confirms this:
[11/14/2016, 4:54:42 PM] Requesting bundle url: /index.android.bundle?platform=android&dev=true&hot=false (327ms)

Unfortunately I then get a crash with the following logcat output:

W/unknown:React(13970): You seem to be running on device. Run 'adb reverse tcp:8081 tcp:8081' to forward the debug server's port to the device. E/AndroidRuntime(13970): FATAL EXCEPTION: AsyncTask #3 E/AndroidRuntime(13970): Process: com.xxxxxxxx, PID: 13970 E/AndroidRuntime(13970): java.lang.RuntimeException: An error occured while executing doInBackground() E/AndroidRuntime(13970): at android.os.AsyncTask$3.done(AsyncTask.java:304) E/AndroidRuntime(13970): at java.util.concurrent.FutureTask.finishCompletion(FutureTask.java:355) E/AndroidRuntime(13970): at java.util.concurrent.FutureTask.setException(FutureTask.java:222) E/AndroidRuntime(13970): at java.util.concurrent.FutureTask.run(FutureTask.java:242) E/AndroidRuntime(13970): at android.os.AsyncTask$SerialExecutor$1.run(AsyncTask.java:231) E/AndroidRuntime(13970): at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1112) E/AndroidRuntime(13970): at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:587) E/AndroidRuntime(13970): at java.lang.Thread.run(Thread.java:818) E/AndroidRuntime(13970): Caused by: java.lang.IllegalAccessError: Method 'void android.support.v4.net.ConnectivityManagerCompat.<init>()' is inaccessible to class 'com.facebook.react.modules.netinfo.NetInfoModule' (declaration of 'com.facebook.react.modules.netinfo.NetInfoModule' appears in /data/data/com.xxxx/files/instant-run/dex/slice-com.facebook.react-react-native-0.20.1_b45e38dcf4b17e67a28c8f304d2b842bb0467fc3-classes.dex) E/AndroidRuntime(13970): at com.facebook.react.modules.netinfo.NetInfoModule.<init>(NetInfoModule.java:55) E/AndroidRuntime(13970): at com.facebook.react.shell.MainReactPackage.createNativeModules(MainReactPackage.java:67) E/AndroidRuntime(13970): at com.facebook.react.ReactInstanceManagerImpl.processPackage(ReactInstanceManagerImpl.java:793) E/AndroidRuntime(13970): at com.facebook.react.ReactInstanceManagerImpl.createReactContext(ReactInstanceManagerImpl.java:730) E/AndroidRuntime(13970): at com.facebook.react.ReactInstanceManagerImpl.access$600(ReactInstanceManagerImpl.java:91) E/AndroidRuntime(13970): at com.facebook.react.ReactInstanceManagerImpl$ReactContextInitAsyncTask.doInBackground(ReactInstanceManagerImpl.java:184) E/AndroidRuntime(13970): at com.facebook.react.ReactInstanceManagerImpl$ReactContextInitAsyncTask.doInBackground(ReactInstanceManagerImpl.java:169) E/AndroidRuntime(13970): at android.os.AsyncTask$2.call(AsyncTask.java:292) E/AndroidRuntime(13970): at java.util.concurrent.FutureTask.run(FutureTask.java:237) E/AndroidRuntime(13970): ... 4 more W/ActivityManager( 523): Force finishing activity 1 com.xxxx/com.xxxxxxx.LoginActivity

I have tried:

• running 'adb reverse tcp:8081 tcp:8081' before and after the npm start invocation
• modifying my app gradle file with various variations of the following:

compile 'com.android.support:appcompat-v7:23.2.1'
compile 'com.android.support:appcompat-v7:23.0.1'
compile 'com.android.support:appcompat-v4:23.0.1'

compile 'com.facebook.react:react-native:+'
compile 'com.facebook.react:react-native:0.20.+'

I'm at a bit of a loss as to how to proceed/debug this issue.

Reproduction

Follow guide above.

Hook up guides code to a button is a fairly typical login view.

Press button. Watch spinner popup saying "Requesting JS Bundle"

Confirm in npm start/packager console output.

Watch it crash. Check output in logcat

Additional Information

• React Native version: compile 'com.facebook.react:react-native:+'
• Platform: Android Nexus 7 5.1.1
• Operating System: MacOS

[LiamInJapan]

It would seem possibly related somehow to this

[LiamInJapan]

From previous conversations I am trying to pull what I think the relevant bits might be from the relevant files:

AndroidManifest.xml

compile 'com.android.support:appcompat-v7:23.0.1'
compile 'com.facebook.react:react-native:0.20.1'

package.json

"dependencies": {
"react": "^0.14.8",
"react-native": "^0.22.2"
}

[LiamInJapan]

Excellent, I have now got to the red screen and successfully followed the rest of the instructions. However it is still crashing, this time with:

adb logcat *:S ReactNative:V ReactNativeJS:V
--------- beginning of crash
--------- beginning of system
--------- beginning of main
E/ReactNative( 3330): Got JS Exception: ReferenceError: Can't find variable: __fbBatchedBridge
E/ReactNative( 3330): Got JS Exception: ReferenceError: Can't find variable: __fbBatchedBridge
E/ReactNative( 3330): Got JS Exception: ReferenceError: Can't find variable: __fbBatchedBridge
E/ReactNative( 3330): Got JS Exception: ReferenceError: Can't find variable: __fbBatchedBridge
E/ReactNativeJS( 3952): undefined is not a function (evaluating '(bridgeConfig.remoteModuleConfig||[]).forEach')
I/ReactNativeJS( 3952): 'Failed to print error: ', 'Requiring module "31", which threw an exception.'
E/ReactNative( 3952): Got JS Exception: TypeError: undefined is not a function (evaluating '(bridgeConfig.remoteModuleConfig||[]).forEach')
E/ReactNativeJS( 4509): undefined is not a function (evaluating '(bridgeConfig.remoteModuleConfig||[]).forEach')
I/ReactNativeJS( 4509): 'Failed to print error: ', 'Requiring module "31", which threw an exception.'
E/ReactNative( 4509): Got JS Exception: TypeError: undefined is not a function (evaluating '(bridgeConfig.remoteModuleConfig||[]).forEach')
E/ReactNativeJS( 5396): undefined is not a function (evaluating '(bridgeConfig.remoteModuleConfig||[]).forEach')
I/ReactNativeJS( 5396): 'Failed to print error: ', 'Requiring module "31", which threw an exception.'
E/ReactNative( 5396): Got JS Exception: TypeError: undefined is not a function (evaluating '(bridgeConfig.remoteModuleConfig||[]).forEach')

[ericvicenti]

What command did you use to start the packager server? Does the log output reveal anything interesting?

[ericvicenti]

The batchedBridge problem usually happens when your bundle hasn't been generated properly. I'm going to close this issue for now because these duplicate issues with __fbBatchedBridge.

#6282

https://github.com/facebook/react-native/issues?utf8=%E2%9C%93&q=__fbBatchedBridge

[ericvicenti]

Feel free to open a new issue with a very specific problem and clear steps to reproduce it.

[LiamInJapan]

For the record, I used npm start, with the following in the package.json

"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start"
  }

As per the integrating with previous apps doc

The log output of the packager seems pretty uninteresting:

[11/15/2016, 1:31:48 PM] <START> Initializing Packager
[11/15/2016, 1:31:48 PM] <START> Building in-memory fs for JavaScript
[11/15/2016, 1:31:48 PM] <END>   Building in-memory fs for JavaScript (143ms)
[11/15/2016, 1:31:49 PM] <START> Building Haste Map
[11/15/2016, 1:31:49 PM] <END>   Building Haste Map (186ms)
[11/15/2016, 1:31:49 PM] <END>   Initializing Packager (620ms)
[11/15/2016, 1:33:22 PM] <START> Requesting bundle  url: /index.android.bundle?platform=android&dev=true&hot=false  
[11/15/2016, 1:33:22 PM] <START> Transforming modules
transformed 537/537 (100%)
[11/15/2016, 1:33:23 PM] <END>   Transforming modules (341ms)
[11/15/2016, 1:33:23 PM] <END>   Requesting bundle  url: /index.android.bundle?platform=android&dev=true&hot=false

[skevy]

@LiamInJapan did you ever resolve the issue with undefined is not a function (evaluating '(bridgeConfig.remoteModuleConfig||[]).forEach') that you mentioned above? I'm running into this as well?

[skevy]

cc @iam-peekay

[grydstedt]

@skevy running into this as well. Were you able to fix it?

[skevy]

It was actually @iam-peekay who was having this issue, I was just trying (unsuccessfully) to help her out. Preethi, did you ever make it past this issue?

[edo1493]

I am getting the same:

12-21 11:26:12.458  2879  3023 E ReactNativeJS: undefined is not a function (evaluating '(bridgeConfig.remoteModuleConfig||[]).forEach')
12-21 11:26:12.458  2879  3023 I ReactNativeJS: 'Failed to print error: ', 'Requiring module "53", which threw an exception.'
12-21 11:26:12.458  2879  3023 E ReactNative: Got JS Exception: TypeError: undefined is not a function (evaluating '(bridgeConfig.remoteModuleConfig||[]).forEach')

I am integrating some RN code with an existing Android app. Everything is updated. I thought I was running the wrong npm start from a different directory, but that isn't the case either.

The app crashes after:
setContentView(mReactRootView);

Regarding the output of the packager, it fails after all the files have been transformed.

[12/21/2016, 10:51:05 AM] <START> Initializing Packager
[12/21/2016, 10:51:05 AM] <START> Building in-memory fs for JavaScript
[12/21/2016, 10:51:05 AM] <END>   Building in-memory fs for JavaScript (170ms)
[12/21/2016, 10:51:05 AM] <START> Building Haste Map
[12/21/2016, 10:51:06 AM] <END>   Building Haste Map (293ms)
[12/21/2016, 10:51:06 AM] <END>   Initializing Packager (776ms)
[12/21/2016, 10:51:56 AM] <START> Requesting bundle bundle_url: /index.android.bundle?platform=android&dev=true&hot=false
[12/21/2016, 10:51:56 AM] <START> Transforming files
transformed 537/537 (100%)