title: Unable to resolve module. Module `screens/Screen` does not exist in the Haste module map
body: <p>I've been working with React Native recently trying to produce a mobile application. I'm planning on using the react-navigation plugin in order to allow the user to change screens. However, when I import the screen (ScreenOne.js) into the App.js. However, I get the error:</p>
  
  <pre><code>Unable to resolve module `screens/ScreenOne` from `C:\Users\User\Desktop\Projects\LRAPPMAIN\App.js`: Module `screens/ScreenOne` does not exist in the Haste module map
  </code></pre>
  
  <p>This is strange as I only get this error when importing it. My code is as follows: </p>
  
  <p>ScreenOne.js</p>
  
  <pre><code>import React, {Component} from 'react';
  import {Button, Text, View} from 'react-native';
  
  export class ScreenOne extends Component {
  render() {
      return (
          &lt;View&gt;
              &lt;Text&gt;This is the Settings screen&lt;/Text&gt;
              &lt;Button title="Home"/&gt;
          &lt;/View&gt;
          )
      };
  export default ScreenOne;
  </code></pre>
  
  <p>App.js</p>
  
  <pre><code>import React, {Component} from 'react';
  import {Platform, StyleSheet, Text, View} from 'react-native';
  
  import ScreenOne from 'screens/ScreenOne'
  
  type Props = {};
  export default class App extends Component&lt;Props&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>Is there anything I'm doing wrong here?</p>