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]与React Native应用程序的Proxy（Packager）建立连接 [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本身的提示创建项目，则调试器会附加。

例如文件 - >新建 - >项目 - >反应原生

我怀疑这是因为它不使用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时不会创建。