-->

React Native app stuck on blank white screen with

2019-02-11 18:39发布

问题:

Steps to Reproduce / Screenshots

Apply all operations from the instruction:

  1. Create 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 other existing simulator, for example react-native run-ios --simulator="iPhone4s"). (Important: #4 should follow AFTER #3 and chrome debugger should be closed).

  5. From the iOS simulator press Cmd-D (Ctrl-D on Linux). This will bring up the debug options for your application. 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)." Before I clicked "Debug JS Remotely" I see working react app as expected:

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

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

and there are no any 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.