title: React Native: Requiring Unknow Module
body: <p>I just started with react-native and was building this sample application:</p>
  
  <p>xcode version: 6.2
  OS : OS X 10.9.5
  node version: 0.10.28</p>
  
  <p><strong>index.ios.js</strong></p>
  
  <pre><code>var React = require('react-native');
  var Main = require('./App/Components/Main');
  
  
  var {
    AppRegistry,
    StyleSheet,
    Text,
    NavigatorIOS,
    View,
  } = React;
  
  var styles = StyleSheet.create({
    container:{
      flex: 1,
      backgroundColor: '#111111'
    },
  });
  
  class githubNotetaker extends React.Component{
    render() {
      return (
        &lt;NavigatorIOS
        style={styles.container}
          initialRoute={{
            title: 'Github NoteTaker',
            component: Main
          }} /&gt;
      );
    }
  };
  
  
  AppRegistry.registerComponent('githubNotetaker', () =&gt; githubNotetaker);
  </code></pre>
  
  <p><strong>Main.js</strong></p>
  
  <pre><code>var React = require('react-native');
  
  var {
    View,
    Text,
    StyleSheet
  } = React;
  
  var styles = StyleSheet.create({
    mainContainer: {
      flex: 1,
      padding: 30,
      marginTop: 65,
      flexDirection: 'column',
      justifyContent: 'center',
      backgroundColor: '#48BBEC'
    },
    title: {
      marginBottom: 20,
      fontSize: 25,
      textAlign: 'center',
      color: '#fff'
    },
    searchInput: {
      height: 50,
      padding: 4,
      marginRight: 5,
      fontSize: 23,
      borderWidth: 1,
      borderColor: 'white',
      borderRadius: 8,
      color: 'white'
    },
    buttonText: {
      fontSize: 18,
      color: '#111',
      alignSelf: 'center'
    },
    button: {
      height: 45,
      flexDirection: 'row',
      backgroundColor: 'white',
      borderColor: 'white',
      borderWidth: 1,
      borderRadius: 8,
      marginBottom: 10,
      marginTop: 10,
      alignSelf: 'stretch',
      justifyContent: 'center'
    },
  });
  
  class Main extends React.Component{
    render() {
      return(
        &lt;View style={styles.mainContainer}&gt;
        &lt;Text&gt; Testing the Router &lt;/Text&gt;
        &lt;/View&gt;
        )
    }
  };
  
  module.exports = Main;
  </code></pre>
  
  <p><strong>Error</strong></p>
  
  <p><img src="https://i.stack.imgur.com/LxHZR.png" alt="Error I am getting in simulator"></p>
  
  <p>I getting clueless why it is not able to location Main.js module.</p>