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

Steps to Reproduce / Screenshots

Apply all operations from the instruction:

  1. Create a blank React Native project with $ react-native init [project name].

  2. From the command Palette (Cmd-Shift-P), choose "Nuclide React Native: Start Packager" to start the React Native Server.

  3. 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".

  4. 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).

  1. 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:

working react app

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:

The debuggee is currently running

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

white screen

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.

debuggingreact-nativenuclide-editor


Solution 1:[1]

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

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Paul

Related Questions