Remote JS Debugging crashes app after 30 seconds

[BerndWessels]

Description

When using Remote JS Debugging the app crashes after exactly 30 seconds.

Without Remote JS Debugging the app works just fine.

Reproduction

This also happens on a brand new project created like this:

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

Just enable Remote JS Debugging, reload and wait for 30 seconds - the app will crash.

Solution

?

Additional Information

• React Native version: 0.41.2
• Platform: Android (haven't tried IOS yet)
• Operating System: Windows (haven't tried macOS yet)
• JS Debugger: Chrome Dev Tools, React Native Debugger

[Chathula]

i also faced this problem

Additional Information

• React Native version: 0.41.2
• Platform: Android
• Operating System: Kali Linux(Debian)
• JS Debugger: Chrome Dev Tools, React Native Debugger

[percyteng]

React Native version: 0.38.0
IOS

It crashes my app right after I open it

[kevmojay]

React Native version: 0.41.2
Platform: Android device 7.1.2
OS: macOS
JS Debugger: Chrome Dev Tools, React Native Debugger

Android error: FATAL EXCEPTION: main
                                                               Process: com.myapp, PID: 30655
                                                               android.os.NetworkOnMainThreadException
                                                                   at android.os.StrictMode$AndroidBlockGuardPolicy.onNetwork(StrictMode.java:1303)
                                                                   at java.net.SocketOutputStream.socketWrite(SocketOutputStream.java:111)
                                                                   at java.net.SocketOutputStream.write(SocketOutputStream.java:157)
                                                                   at okio.Okio$1.write(Okio.java:78)
                                                                   at okio.AsyncTimeout$1.write(AsyncTimeout.java:180)
                                                                   at okio.RealBufferedSink.emit(RealBufferedSink.java:178)
                                                                   at okhttp3.internal.ws.WebSocketWriter.writeControlFrameSynchronized(WebSocketWriter.java:152)
                                                                   at okhttp3.internal.ws.WebSocketWriter.writeClose(WebSocketWriter.java:111)
                                                                   at okhttp3.internal.ws.RealWebSocket.close(RealWebSocket.java:168)
                                                                   at com.facebook.react.devsupport.JSDebuggerWebSocketClient.closeQuietly(JSDebuggerWebSocketClient.java:144)
                                                                   at com.facebook.react.devsupport.WebsocketJavaScriptExecutor$3.run(WebsocketJavaScriptExecutor.java:146)
                                                                   at android.os.Handler.handleCallback(Handler.java:751)
                                                                   at android.os.Handler.dispatchMessage(Handler.java:95)
                                                                   at android.os.Looper.loop(Looper.java:154)
                                                                   at android.app.ActivityThread.main(ActivityThread.java:6119)
                                                                   at java.lang.reflect.Method.invoke(Native Method)
                                                                   at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
                                                                   at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776) 

[oronbz]

Same happens here
React Native version: 0.41.2
Platform: Android device 7.1.1
OS: macOS
JS Debugger: Chrome Dev Tools, React Native Debugger

FATAL EXCEPTION: main
                                                            Process: com.albums, PID: 11375
                                                            android.os.NetworkOnMainThreadException
                                                                at android.os.StrictMode$AndroidBlockGuardPolicy.onNetwork(StrictMode.java:1303)
                                                                at java.net.SocketOutputStream.socketWrite(SocketOutputStream.java:111)
                                                                at java.net.SocketOutputStream.write(SocketOutputStream.java:157)
                                                                at okio.Okio$1.write(Okio.java:78)
                                                                at okio.AsyncTimeout$1.write(AsyncTimeout.java:180)
                                                                at okio.RealBufferedSink.emit(RealBufferedSink.java:178)
                                                                at okhttp3.internal.ws.WebSocketWriter.writeControlFrameSynchronized(WebSocketWriter.java:152)
                                                                at okhttp3.internal.ws.WebSocketWriter.writeClose(WebSocketWriter.java:111)
                                                                at okhttp3.internal.ws.RealWebSocket.close(RealWebSocket.java:168)
                                                                at com.facebook.react.devsupport.JSDebuggerWebSocketClient.closeQuietly(JSDebuggerWebSocketClient.java:144)
                                                                at com.facebook.react.devsupport.WebsocketJavaScriptExecutor$3.run(WebsocketJavaScriptExecutor.java:146)
                                                                at android.os.Handler.handleCallback(Handler.java:751)
                                                                at android.os.Handler.dispatchMessage(Handler.java:95)
                                                                at android.os.Looper.loop(Looper.java:154)
                                                                at android.app.ActivityThread.main(ActivityThread.java:6119)
                                                                at java.lang.reflect.Method.invoke(Native Method)
                                                                at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
                                                                at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)

[stivaugoin]

I have the same problem

React Native version: 0.42
Platform: Android device 7.1.1
OS: macOS 10.12.3
JS Debugger: Chrome Dev Tools, React Native Debugger

[ds300]

Crashes right after turning debug on from the dev menu

React Native version: 0.42
Platform: iOS
OS: OS X 10.11.6
JS Debugger: Chrome Dev Tools, React Native Debugger

Crashes after ~30 seconds, if it is paused in debugger everything is fine

03-22 11:09:23.844 25887-25887/com.halebop.servicetips.dev E/art: No implementation found for com.facebook.react.bridge.Inspector com.facebook.react.bridge.Inspector.instance() (tried Java_com_facebook_react_bridge_Inspector_instance and Java_com_facebook_react_bridge_Inspector_instance__)
03-22 11:10:48.718 25887-2669/? E/UncaughtException: java.lang.OutOfMemoryError: pthread_create (1040KB stack) failed: Try again
                                                         at java.lang.Thread.nativeCreate(Native Method)
                                                         at java.lang.Thread.start(Thread.java:1063)
                                                         at java.util.concurrent.ThreadPoolExecutor.addWorker(ThreadPoolExecutor.java:921)
                                                         at java.util.concurrent.ThreadPoolExecutor.execute(ThreadPoolExecutor.java:1339)
                                                         at okhttp3.ConnectionPool.put(ConnectionPool.java:135)
                                                         at okhttp3.OkHttpClient$1.put(OkHttpClient.java:149)
                                                         at okhttp3.internal.connection.StreamAllocation.findConnection(StreamAllocation.java:188)
                                                         at okhttp3.internal.connection.StreamAllocation.findHealthyConnection(StreamAllocation.java:129)
                                                         at okhttp3.internal.connection.StreamAllocation.newStream(StreamAllocation.java:98)
                                                         at okhttp3.internal.connection.ConnectInterceptor.intercept(ConnectInterceptor.java:42)
                                                         at okhttp3.internal.http.RealInterceptorChain.proceed(RealInterceptorChain.java:92)
                                                         at okhttp3.internal.http.RealInterceptorChain.proceed(RealInterceptorChain.java:67)
                                                         at okhttp3.internal.cache.CacheInterceptor.intercept(CacheInterceptor.java:109)
                                                         at okhttp3.internal.http.RealInterceptorChain.proceed(RealInterceptorChain.java:92)
                                                         at okhttp3.internal.http.RealInterceptorChain.proceed(RealInterceptorChain.java:67)
                                                         at okhttp3.internal.http.BridgeInterceptor.intercept(BridgeInterceptor.java:93)
                                                         at okhttp3.internal.http.RealInterceptorChain.proceed(RealInterceptorChain.java:92)
                                                         at okhttp3.internal.http.RetryAndFollowUpInterceptor.intercept(RetryAndFollowUpInterceptor.java:124)
                                                         at okhttp3.internal.http.RealInterceptorChain.proceed(RealInterceptorChain.java:92)
                                                         at okhttp3.internal.http.RealInterceptorChain.proceed(RealInterceptorChain.java:67)
                                                         at okhttp3.RealCall.getResponseWithInterceptorChain(RealCall.java:170)
                                                         at okhttp3.RealCall.access$100(RealCall.java:33)
                                                         at okhttp3.RealCall$AsyncCall.execute(RealCall.java:120)
                                                         at okhttp3.internal.NamedRunnable.run(NamedRunnable.java:32)
                                                         at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1113)
                                                         at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:588)
                                                         at java.lang.Thread.run(Thread.java:818)

React Native version: 0.42
Platform: Android 6
OS: OS X 10.12.3
JS Debugger: Chrome Dev Tools, React Native Debugger

[mrbrentkelly]

Same issue here. App crashes a few seconds after enabling remote debugging on my Android Emulator

RN: 0.42.3
Android 7.1.1
OS X 10.12.3

03-31 22:25:33.362 3244-3244/com.vscodetest E/AndroidRuntime: FATAL EXCEPTION: main
                                                              Process: com.vscodetest, PID: 3244
                                                              android.os.NetworkOnMainThreadException
                                                                  at android.os.StrictMode$AndroidBlockGuardPolicy.onNetwork(StrictMode.java:1303)
                                                                  at java.net.SocketOutputStream.socketWrite(SocketOutputStream.java:111)
                                                                  at java.net.SocketOutputStream.write(SocketOutputStream.java:157)
                                                                  at okio.Okio$1.write(Okio.java:78)
                                                                  at okio.AsyncTimeout$1.write(AsyncTimeout.java:180)
                                                                  at okio.RealBufferedSink.emit(RealBufferedSink.java:178)
                                                                  at okhttp3.internal.ws.WebSocketWriter.writeControlFrameSynchronized(WebSocketWriter.java:152)
                                                                  at okhttp3.internal.ws.WebSocketWriter.writeClose(WebSocketWriter.java:111)
                                                                  at okhttp3.internal.ws.RealWebSocket.close(RealWebSocket.java:168)
                                                                  at com.facebook.react.devsupport.JSDebuggerWebSocketClient.closeQuietly(JSDebuggerWebSocketClient.java:144)
                                                                  at com.facebook.react.devsupport.WebsocketJavaScriptExecutor$3.run(WebsocketJavaScriptExecutor.java:146)
                                                                  at android.os.Handler.handleCallback(Handler.java:751)
                                                                  at android.os.Handler.dispatchMessage(Handler.java:95)
                                                                  at android.os.Looper.loop(Looper.java:154)
                                                                  at android.app.ActivityThread.main(ActivityThread.java:6119)
                                                                  at java.lang.reflect.Method.invoke(Native Method)
                                                                  at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
                                                                  at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)

[alexander-poe]

Like a four car pileup

React Native version: 0.42
Platform: iOS
OS: OS X 10.11.6
JS Debugger: Chrome Dev Tools, React Native Debugger

Getting the same error in my environment.

react-native: 0.43.3
Platform: Android
OS: macOS 10.12.4
JS Debugger: Chrome Dev Tools

[adamjacob]

Same issue here debugging android

React-native: 0.40.0
Platform: Android
OS: macOS 10.12.4
JS Debugger: Chrome Dev Tools, React Native Debugger

[mrbrentkelly]

The issue seems to be that the React Native code is running a network call on the UI Thread 🤦‍♂️ So I have a workaround...

NOTE: Don't ship this in your release builds as you should never run network calls on the UI Thread. This workaround is just to get debugging working until a proper fix is made by Facebook

In MainApplication.java do the following...

  @Override
  public void onCreate() {
    // There is a bug in React Native preventing remote debugging on Android
    // https://github.com/facebook/react-native/issues/12289
    //
    // This is a hack to get around it. Make sure you remove it before releasing
    // as you should never run network calls on the main thread
    if (BuildConfig.DEBUG) {
      strictModePermitAll();
    }

    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);
  }

  private static void strictModePermitAll() {
    StrictMode.ThreadPolicy policy = new StrictMode.ThreadPolicy.Builder().permitAll().build();
    StrictMode.setThreadPolicy(policy);

    if (Build.VERSION.SDK_INT >= 16) {
      //restore strict mode after onCreate() returns. https://issuetracker.google.com/issues/36951662
      new Handler().postAtFrontOfQueue(new Runnable() {
        @Override
        public void run() {
          StrictMode.ThreadPolicy policy = new StrictMode.ThreadPolicy.Builder().permitAll().build();
          StrictMode.setThreadPolicy(policy);
        }
      });
    }
  }

[Carpetfizz]

@mrbrentkelly thank you very much for the fix! It's been over a week month and this is a high priority issue for Android users - would be great to see an official fix soon!

[justgeek]

@mrbrentkelly This has not solved the issue yet

[sunalyou]

Same issue here debugging android

React-native: 0.45.1
Platform: Android
OS: WIN7
JS Debugger: Chrome Dev Tools, React Native Debugger

@mrbrentkelly thank you for this fix, but it doesn't work for me.