title: How to see React tab in Chrome devtools when debugging React-Native app?
body: <p>Can't see the <code>React</code> tab in Chrome dev tools when debugging my react-native app on android, real device.</p>
  
  <p>I followed the instructions here:
  <a href="https://facebook.github.io/react-native/docs/debugging.html" rel="nofollow noreferrer">https://facebook.github.io/react-native/docs/debugging.html</a></p>
  
  <ul>
  <li>I have the <strong>React dev tools extension</strong> installed and up-to-date (0.14.8).  </li>
  <li>My <strong>Chrome browser</strong> is also currently up-to-date (Version 48.0.2564.109 m).  </li>
  <li>I also made sure to run <code>adb reverse tcp:8081 tcp:8081</code>.</li>
  <li><p>These are my <strong>React related dependencies</strong> in my <code>package.json</code>:</p>
  
  <p><code>"react": "^0.14.5",
  "react-native": "0.19.0",
  "react-native-htmlview": "0.2.0",
  "react-native-scrollable-tab-view": "0.3.5",
  "react-native-scrollview-lazyload": "1.0.4",
  "react-native-swiper": "1.4.3",
  "react-native-viewport-units": "0.0.5",
  "react-redux": "^4.4.0",
  "redux": "3.3.1",
  "redux-thunk": "1.0.3"</code></p></li>
  <li><p>I tried the suggestion in this SO question too: <a href="https://stackoverflow.com/questions/26347489/react-dev-tools-not-loading-in-chrome-browser">react dev tools not loading in Chrome browser</a> - didn't help</p></li>
  </ul>
  
  <p>How can I get the tab to show up?</p>