title: WebStorm debugging create-react-native-app
body: <p>What should I set in <code>Run Debug Configuration</code> in WebStorm to debug a app created by <strong><a href="https://github.com/react-community/create-react-native-app" rel="nofollow noreferrer">create-react-native-app</a></strong>? </p>
  
  <p><a href="https://i.stack.imgur.com/JDbED.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JDbED.png" alt="enter image description here"></a></p>
  
  <p>I'm at a loss on how to debug since it doesn't use <code>~/.node_modules/lib/node_modules/react-native-cli</code> but a custom module called <code>react-native-scripts</code> to start the compiling:</p>
  
  <p>package.json:</p>
  
  <pre><code> "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"
    },
  </code></pre>