react-native - WebStorm 调试 create-react-native-app

Question

我应该Run Debug Configuration在 WebStorm 中设置什么来调试由create-react-native-app 创建的应用程序？

我不知道如何调试，因为它不使用~/.node_modules/lib/node_modules/react-native-cli但调用自定义模块react-native-scripts来开始编译：

包.json：

 "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
  "scripts": {
    "start": "react-native-scripts start",
    "eject": "react-native-scripts eject",
    "android": "react-native-scripts android",
    "ios": "react-native-scripts ios",
    "test": "node node_modules/jest/bin/jest.js --watch",
    "menu": "adb shell input keyevent 82"
  },

Answer 1

您必须使用 Webstorm/Intellij 2018.1（目前通过 EAP）

https://youtrack.jetbrains.com/issue/WEB-26951 https://blog.jetbrains.com/webstorm/2018/02/webstorm-2018-1-eap-181-3263/#debugging-expo

Answer 2

我不认为你可以做到这一点，至少不是以一种简单的方式，你为什么不想这样做呢？

React Native 通过 Chrome 开发者工具提供了“开箱即用”的强大调试功能。在这里，您可以调试代码，既可以在模拟器上运行，也可以在真实设备上更好地运行。有关详细信息，请参见此处：https ://facebook.github.io/react-native/docs/debugging.html