React Native app stuck on blank white screen with remote debugging using Nuclide

Question

Steps to Reproduce / Screenshots

Apply all operations from the instruction:

Create a blank React Native project with $ react-native init [project name].
From the command Palette (Cmd-Shift-P), choose "Nuclide React Native: Start Packager" to start the React Native Server.
After starting the server, you can prime the React Native Debugger for when the application begins running. From the command Palette (Cmd-Shift-P), launch "Nuclide React Native: Start Debugging".
Ensure that you are in the root directory of the React Native project, then run the application from the command-line: $ react-native run-ios (or choose another existing simulator, for example, react-native run-ios --simulator="iPhone4s").

(Important: #4 should follow AFTER #3, and chrome debugger should be closed).

From the iOS simulator, press Cmd-D (Ctrl-D on Linux). This will bring up the debug options for your application. For example, select Debug JS Remotely.

Environment

Atom version 1.15.0
Nuclide plugin version 0.214.0
React Native version: 0.42.3
Platform(s) (iOS, Android, or both?): iOS
Device info Simulator/Device? - Simulator iOS 10.2 / iOS 8.1
OS version? - MacOS 10.12.3
Debug/Release? - Debug

In the same doc said: "...After you enable debugging (#5) from the simulated application, Nuclide will attach to that debugging process automatically since we primed the Debugger above (#3)." So before I clicked Debug JS Remotely I saw the working react app as expected:

And after I clicked Debug JS Remotely I see that the Nuclide debugger changed its status from Starting debugger... to The debuggee is currently running. as expected as well:

BUT after I click Debug JS Remotely I see white screen only

And there are no errors. As soon as I turn off remote debugging, everything loads fine again.

This happens with Nuclide debugger only, with chrome debugger, everything works well.

Although here described that the problem is only on the real device, not in the simulator and I tried this trick in my case (made changes in "AppDelegate.m") but the issue with white screen still remains. — Stich
– Stich, Commented Apr 1, 2017 at 9:26
Have you tried skipping step 2 so that the it uses the standard react-native packager? (regular packager will be launched in step 4 automatically) — ostergaard
– ostergaard, Commented Apr 2, 2017 at 6:36
@ostergaard yes, I see the same white screen with standard react-native packager + Nuclide debugger as well — Stich
– Stich, Commented Apr 2, 2017 at 9:54
Happen to me as well. When I am using Nuclide the debugger can't connect to process. Remote debugging when using Android simulator works fine. Atom: 1.16.0 Xcode: 8.3.1 Android Studio: 2.3 RN: 0.42.0 — b-asaf
– b-asaf, Commented Apr 20, 2017 at 13:55
Could you please type the same here github.com/facebook/nuclide/issues/1080? Thanks. — Stich
– Stich, Commented Apr 26, 2017 at 12:59

Paul · Accepted Answer · 2022-01-17 09:28:00Z

1

check maybe there is no breakage in your code. it sometimes happens when you skip some minor errors.

answered Jan 17, 2022 at 9:28

Paul

112 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Native app stuck on blank white screen with remote debugging using Nuclide

Steps to Reproduce / Screenshots

Environment

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Steps to Reproduce / Screenshots

Environment

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related