WebStorm react-native 调试不起作用

Posted 2023-02-25

【中文标题】WebStorm react-native 调试不起作用

【英文标题】：WebStorm react-native debug not working

【发布时间】：2017-09-27 12:54:03

【问题描述】：

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

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

这是我的设置：

这是WebStorm的配置：

模拟器中的设备是 Nexus 5X API 22 (Android 5.1 x86)，我在第一次加载后启用了“Remote JS Debugging”。

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 应用程序的代理（Packager）建立连接

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

使用 appParams 运行应用程序“CalculatorApp”："initialProps":,"rootTag":1。 DEV === true，开发级警告开启，性能优化关闭

进程以退出代码 137 结束（被信号 9：SIGKILL 中断）

【问题讨论】：

我真的不确定它是否有帮助，但是在 Settings -> Languages & Frameworks -> Node.js and NPM 中：Node.js Core 已启用？这可能是由于您的控制台输出的第一行...

【参考方案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 时不会创建。

【讨论】：

使用 IntelliJ 调试 create-react-native-app 应用程序将在 2018.1 中提供。 ***.com/questions/43996660/…