使用 Nuclide 进行远程调试,将本机应用程序卡在空白屏幕上

复制/截图的步骤

指示应用所有操作:

  1. 使用 $ react-native init [project name].创建一个空白 React Nativeproject

  2. 命令调色板(Cmd-Shift-P)中,选择“ Nuclide React Native: Start Packager”启动 React NativeServer。

  3. 启动服务器之后,您可以为应用程序开始运行时的 React NativeDebugger 做准备。从 命令调色板(Cmd-Shift-P)启动“原生核素反应: 开始调试”。

  4. 确保您位于 React Nativeproject 的根目录中,然后从命令行: $ react-native run-ios运行应用程序(或者选择另一个现有的模拟器,例如 react-native run-ios --simulator="iPhone4s")。

(很重要: # 4应该在 # 3之后,并且 chrome 调试器应该关闭)。

  1. 在 iOS 模拟器中,按 Cmd-D(Linux 上的 Ctrl-D)。这将显示应用程序的调试选项。例如,选择 远程调试 JS

环境

  • Atom 版本1.15.0
  • Nuclide plugin version 0.214.0核素插件版本0.214.0
  • 本地版本: 0.42.3
  • 平台(iOS,Android,还是两者都有?) : iOS
  • 设备信息模拟器/设备?-模拟器 iOS 10.2/iOS 8.1
  • 操作系统版本?-MacOS 10.12.3
  • 调试/发布?-调试

同一个医生中说: “ ... ... 当你从模拟应用程序启用调试(# 5)后,Nuclide 将自动附加到调试过程,因为我们启动了上面的调试器(# 3)。”因此,在我点击 远程调试 JS之前,我看到了正常工作的应用程序:

working react app

在我点击了 远程调试 JS之后,我看到 Nuclide调试器的状态也从 开始调试。变成了 调试对象当前正在运行。:

The debuggee is currently running

但是当我点击 远程调试 JS后,我看到的是 只能看白屏

white screen

而且没有错误。只要我关闭远程调试,一切都会再次正常加载。

这种情况只发生在 Nuclide 调试器,与铬调试器,一切工作正常。

4772 次浏览

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