7

我正在使用 WebStorm 从 Android Studio 虚拟设备开发一个 react-native 应用程序 + 一个模拟器。

该应用程序已从 WebStorm 很好地加载到模拟器中，但调试器无法正常工作，不会在断点处停止。

这是我的设置：

  1. 这是WebStorm的配置：

    运行/调试配置

  2. 模拟器中的设备是 Nexus 5X API 22 (Android 5.1 x86)，我在第一次加载后启用了“远程 JS 调试”。

  3. 网络风暴输出：

    /usr/local/bin/node --debug-brk=60746 --expose_debug_as=v8debug /Applications/WebStorm.app/Contents/plugins/JavaScriptDebugger/proxy/launcher.js --port=8081 --sourcesStoragePath=/dev/ calculatorApp/.tmp/reactNativeBuild 调试器正在侦听 [::]:60746 [intellij] 从 Packager 下载 debuggerWorker.js（运行 React Native 应用程序的逻辑）。

    [intellij] 启动调试器应用程序工作人员。

    [intellij] 与 Proxy (Packager) 建立到 React Native 应用程序的连接

    [intellij] 调试会话已成功启动。

    使用 appParams 运行应用程序“CalculatorApp”：{"initialProps":{},"rootTag":1}。DEV === true，开发级警告开启，性能优化关闭

    进程以退出代码 137 结束（被信号 9：SIGKILL 中断）

4

1 回答 1

0

就我而言，我发现如果我create-react-native-app app-name从命令行创建项目，IntelliJ/WebStorm 中的调试器将无法工作。

但是，如果您按照 IntelliJ/WebStorm 本身内部的提示创建项目，调试器会附加。

例如文件 -> 新建 -> 项目 -> React Native

我怀疑这是因为它不使用create-react-native-app命令来生成项目文件，而是使用其他一些机制。

如果我create-react-native-app app-name在 IntelliJ/WebStorm 中运行然后加载项目，我注意到它创建的唯一子目录是node-modules和.expo.

但是，如果您在 IntelliJ/WebStorm 中创建 React Native 项目，它会生成额外的目录 , android, ios，这些目录__tests__在您运行create-react-native-app app-name.

于 2018-01-05T23:40:25.923 回答