title: react-native VS android emulator chrome debugger error "Cannot set property 'volume' of null"
body: <p>I am trying to debug react-native app running on VS emulator in chrome. The error I am getting at the moment is "Cannot set property 'volume' of null". It is like 4th or 5th cryptic error I am getting since starting, but the first one when I hit the wall. I will outline all configuration steps in case I botched something earlier:</p>
  
  <ol>
  <li>Initialized project with react-native init myapp</li>
  <li>Started the bundle server with react-native start --host 192.168.100.4 (the reason for host parameter is CORS error)</li>
  <li>Started the app with "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res &amp;&amp; react-native run-android" (the reason for react-native bundle command is assets error)</li>
  <li>On emulator went to shake -> Dev Settings -> Debug server host &amp; port for device, set it to 192.168.100.4:8081 (the reason for that is "cannot connect to bundle server on localhost)</li>
  <li>shake -> Debug JS Remotely</li>
  <li>Chrome window opens, I hit F12. Now it still displays CORS error for a while, but after some page refreshes it displays "Cannot set property 'volume' of null" and sticks to it:</li>
  </ol>
  
  <blockquote>
    <p>(index):94 Uncaught TypeError: Cannot set property 'volume' of null
        at Object.render ((index):94)
        at Object.setState ((index):48)
        at WebSocket.ws.onopen ((index):152)</p>
  </blockquote>
  
  <p>Just in case, here is CORS error that I get initially:</p>
  
  <blockquote>
    <p>Failed to load
    <a href="http://localhost:8081/index.delta?platform=android&amp;dev=true&amp;minify=false" rel="nofollow noreferrer">http://localhost:8081/index.delta?platform=android&amp;dev=true&amp;minify=false</a>:
    No 'Access-Control-Allow-Origin' header is present on the requested
    resource. Origin '<a href="http://192.168.100.4:8081" rel="nofollow noreferrer">http://192.168.100.4:8081</a>' is therefore not allowed
    access. If an opaque response serves your needs, set the request's
    mode to 'no-cors' to fetch the resource with CORS disabled.
    (index):188 Uncaught (in promise) TypeError: Failed to fetch</p>
  </blockquote>
  
  <p>It goes away after page refresh, but I wonder why it still happening.
  Did anyone manage to setup Chrome Debugging with VS emulator and react-native? If so, please share your experience, all tutorials I found just happily advice to run react-native start and react-native run-android and everything should be smooth ride after that ) </p>