title: JS server not recognized, continuing with build
body: <p><strong>Environment</strong></p>
  
  <p>Windows 10</p>
  
  <p>Npm 5.5.1</p>
  
  <p>react-native-cli 2.0.1</p>
  
  <p>react-native 0.50.3</p>
  
  <p>Genymotion Google Nexus 7 - 6.0.0 API 23</p>
  
  <p><strong>Android stuff:</strong> </p>
  
  <p>Sdk Version: 26</p>
  
  <p>buildToolsVersion '26.0.2'</p>
  
  <p>TargetsdkVersion: 26</p>
  
  <p>compile "com.android.support:appcompat-v7:26.0.2"</p>
  
  <p>I have run npm start --reset-cache as well as react-native start --reset-cache but I keep getting the JS server not recognized, continuing with build. This prevents the packager bundling the assets before running on my Emulator. </p>
  
  <p>I have followed solution 1 on this post:</p>
  
  <p><a href="https://github.com/facebook/react-native/issues/9136#issuecomment-306486102" rel="noreferrer">https://github.com/facebook/react-native/issues/9136#issuecomment-306486102</a></p>
  
  <p>as well as this one: </p>
  
  <p><a href="https://stackoverflow.com/questions/32604522/unable-to-recognize-js-server">Unable to recognize JS server</a></p>
  
  <p>I started this project with react-native init APP. Already having trouble building it with this error. checking serval posts on here and other sites mentioned using npm cache clean and react-native start --reset-cache and that did not seem to help I keep getting the same error. I had it running smoothly at one time but I altered an npm package and I think I broke it again. any help would be appreciated. I also updated the gradle version and synced that into the project</p>
  
  <p>Heres some screenshots of what I am experiencing...</p>
  
  <p><img src="https://i.imgur.com/FGIQGTq.png" alt="Emulator Output">
  <img src="https://i.imgur.com/KPHMVO2.png" alt="Bash Output"></p>
  
  <p>** CODE **</p>
  
  <p><strong>index.js</strong></p>
  
  <pre><code>import { AppRegistry } from 'react-native';
  import App from './App';
  
  AppRegistry.registerComponent('hihi', () =&gt; App);
  </code></pre>
  
  <p><strong>App.js</strong>
      /**
       * Sample React Native App
       * <a href="https://github.com/facebook/react-native" rel="noreferrer">https://github.com/facebook/react-native</a>
       * @flow
       */</p>
  
  <pre><code>import React, { Component } from 'react';
  import {
    Platform,
    StyleSheet,
    Text,
    View
  } from 'react-native';
  
  const instructions = Platform.select({
    ios: 'Press Cmd+R to reload,\n' +
      'Cmd+D or shake for dev menu',
    android: 'Double tap R on your keyboard to reload,\n' +
      'Shake or press menu button for dev menu',
  });
  
  export default class App extends Component&lt;{}&gt; {
    render() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;Text style={styles.welcome}&gt;
            Welcome to React Native!
          &lt;/Text&gt;
          &lt;Text style={styles.instructions}&gt;
            To get started, edit App.js
          &lt;/Text&gt;
          &lt;Text style={styles.instructions}&gt;
            {instructions}
          &lt;/Text&gt;
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: '#F5FCFF',
    },
    welcome: {
      fontSize: 20,
      textAlign: 'center',
      margin: 10,
    },
    instructions: {
      textAlign: 'center',
      color: '#333333',
      marginBottom: 5,
    },
  });
  </code></pre>
  
  <p><strong>app.json</strong></p>
  
  <pre><code>{
    "name": "hihi",
    "displayName": "hihi"
  }
  </code></pre>
  
  <p><strong>.babelrc</strong></p>
  
  <pre><code>{
    "presets": ["react-native"]
  }
  </code></pre>
  
  <p><strong>package.json</strong> </p>
  
  <pre><code>{
      "name": "hihi",
      "version": "0.0.1",
      "private": true,
      "scripts": {
          "start": "node node_modules/react-native/local-cli/cli.js start",
          "test": "jest"
      },
      "dependencies": {
          "react": "16.0.0",
          "react-native": "0.50.3",
          "watchman": "^0.1.8"
      },
      "devDependencies": {
          "babel-jest": "21.2.0",
          "babel-polyfill": "^6.26.0",
          "babel-preset-es2015": "^6.24.1",
          "babel-preset-react-native": "4.0.0",
          "babel-register": "^6.26.0",
          "jest": "21.2.1",
          "react-test-renderer": "16.0.0"
      },
      "jest": {
          "preset": "react-native"
      }
  }
  </code></pre>
  
  <p><strong>UPDATE UPDATE</strong></p>
  
  <p>I figured it out, it was a combination of the suggestions on this post and this solution as well:</p>
  
  <p><a href="https://stackoverflow.com/questions/44071080/could-not-find-com-android-tools-buildgradle3-0-0-alpha1-in-circle-ci">Could not find com.android.tools.build:gradle:3.0.0-alpha1 in circle ci</a></p>
  
  <p>I needed to include google() in <strong>both</strong> locations as well as the solution of switching it to port 8082 and enabling that port on the emulator. THANK YOU ALL SO MUCH FOR YOUR HELP!!! =)</p>