WebStorm react-native 调试不起作用

Question

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

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

这是我的设置：

1. 这是WebStorm的配置：

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

3. WebStorm 输出：

   /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] 与 React Native 应用程序的代理（Packager）建立连接

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

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

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

Answer 1

就我而言，我发现如果我从命令行使用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 时不会创建。