相关疑难解决方法(0)

React Native app卡在空白的白色屏幕上,使用Nuclide进行远程调试

重现/截图的步骤

应用指令中的所有操作:

  1. 使用"$ react-native init [project name]"创建空白React Native项目

  2. 命令Palette(Cmd-Shift-P)中选择"Nuclide React Native:Start Packager"以启动React Native Server.

  3. 启动服务器后,您可以在应用程序开始运行时启动React Native Debugger.从命令Palette(Cmd-Shift-P)启动"Nuclide React Native:Start Debugging".

  4. 确保您位于React Native项目的根目录中,然后从命令行运行应用程序:"$ react-native run-ios"(或选择其他现有的模拟器,例如react-native run-ios - 模拟器= "的iPhone4s").(重要提示:#4应遵循#3之后,并且应关闭chrome调试器).

  5. 从iOS模拟器按Cmd-D(Linux上的Ctrl-D).这将为您的应用程序调出选项.选择"远程调试JS".

环境

Atom版本1.15.0

核素插件版本0.214.0

React Native版本:0.42.3

平台(iOS,Android或两者兼而有之?):iOS

设备信息模拟器/设备? - 模拟器iOS 10.2/iOS 8.1

OS版本? - MacOS 10.12.3

调试/发布? - 调试


同一个文档中说:"......从模拟应用程序启用调试(#5)后,Nuclide将自动附加到该调试过程,因为我们已经启动了上面的调试器(#3)." 在我点击"远程调试JS"之前,我看到按预期工作反应应用程序: 工作反应app

在我点击"Debug JS Remotely"之后,我看到Nuclide调试器将其状态从"Starting debugger ..."更改为"debugee当前正在运行".正如预期的那样:

debugee目前正在运行

但是,在我单击"远程调试JS"后,我看到白屏 白色的屏幕

而且没有任何错误.一旦我关闭远程调试,一切都会再次正常加载.

这只发生在Nuclide调试器上,使用chrome调试器一切正常.

debugging react-native nuclide-editor

25
推荐指数
1
解决办法
2383
查看次数

标签 统计

debugging ×1

nuclide-editor ×1

react-native ×1