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时不会创建。