title: React Native - cannot import image from path
body: <p>I have the following basic react native code:</p>
  
  <p><a href="https://i.stack.imgur.com/20cZH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/20cZH.png" alt="enter image description here"></a></p>
  
  <pre><code>import React from 'react';
  import {StyleSheet, View, Image} from 'react-native';
  
  //images
  import login_blueGirl from './assets/images/login_blueGirl.png';
  
  
  const App = () =&gt; {
    return (
      &lt;&gt;
       &lt;View style={styles.container}&gt;
          &lt;Image source={login_blueGirl}&gt;&lt;/Image&gt;
       &lt;/View&gt;
      &lt;/&gt;
    );
  };
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      flexDirection: 'column'
    }
  });
  
  export default App;
  </code></pre>
  
  <p>I'm getting a <code>Cannot find module './assets/images/login_blueGirl.png'</code>. When I type <code>./</code> VSCode give me however the autocomplete option:</p>
  
  <p><a href="https://i.stack.imgur.com/4sm7S.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4sm7S.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/dQIBX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dQIBX.png" alt="enter image description here"></a></p>
  
  <p>Any clue on why this is happening?</p>