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

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

然而，调试器确实但是，如果您按照 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。