title: Error: Image: asset with ID "1" could not be found. Please check the image source or packager
body: <p>I'm new to react native and I'm following a tutorial to learn the language.
  I'm now trying to set a background image using ImageBackground.</p>
  <p>WelcomeScreen.js:</p>
  <pre><code>import React from 'react';
  import { ImageBackground, StyleSheet } from 'react-native-web';
  
  function WelcomeScreen(props) {
      return (
          &lt;ImageBackground 
              style={styles.background}
              source={require(&quot;../assets/background.jpg&quot;)}
          &gt;&lt;/ImageBackground&gt;
      );
  }
  
  const styles = StyleSheet.create({
      background: {
          flex: 1
      }
  })
  
  export default WelcomeScreen;
  </code></pre>
  <p>App.js</p>
  <pre><code>import React from 'react';
  import { View } from 'react-native';
  import WelcomeScreen from './app/screens/WelcomeScreen';
  
  export default function App() {
  
    return (
      &lt;WelcomeScreen /&gt;
    );
  }
  </code></pre>
  <p>Now I get this error: <code>Error: Image: asset with ID &quot;1&quot; could not be found. Please check the image source or packager.</code></p>
  <p>I have a <strong>app</strong> folder in in my projectfolder. In this app folder I have the assets folder and a screens folder. The WelcomeScreen.js is in the screens folder. The background.jpg is in the assets folder and the App.js is in the main/project folder.</p>
  <p>I can't seem to find any way to fix this error.</p>