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

爱⌒轻易说出口 提交于 2019-11-30 00:18:56

问题


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

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

来源:https://stackoverflow.com/questions/43154551/react-native-app-stuck-on-blank-white-screen-with-remote-debugging-using-nuclide

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!