WebStorm反应原生调试不起作用

Question

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

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

这是我的设置：

1. 这是WebStorm的配置：

   

2. 模拟器中的设备是Nexus 5X API 22（Android 5.1 x86），首次加载后启用了“远程JS调试”。

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]启动调试器app worker。

   [intellij]与Proxy（Packager）建立了与React Native应用程序的连接

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

   使用appParams运行应用程序“CalculatorApp”：{“initialProps”：{}，“rootTag”：1}。 DEV === true，开发级别警告为ON，性能优化为OFF

   使用退出代码137完成处理（由信号9中断：SIGKILL）

Answer 1

在我的情况下，我发现如果我从命令行使用create-react-native-app app-name创建项目，IntelliJ / WebStorm中的调试器将无法工作。

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

e.g。档案 - ＆gt;新 - ＆gt;项目 - ＆gt; React Native

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

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

但是，如果在IntelliJ / WebStorm中创建React Native项目，它会生成其他目录android，ios，__tests__，这些目录在您运行时不会创建{{1 }}。