android - WebStorm react-native 调试不工作

Question

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

应用程序从 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] 启动调试器应用工作器。

   [intellij] 与 React Native 应用程序的代理(打包程序)建立连接

   [intellij] 调试 session 成功启动。

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