title: Why images are not loading in Phaser?
body: <p>I am following this <a href="https://phaser.io/tutorials/making-your-first-phaser-3-game/part1" rel="nofollow noreferrer">tutorial</a>
  And I did everything as told, but my images don't load, and I get this: <a href="https://i.stack.imgur.com/0kYH3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0kYH3.png" alt="enter image description here" /></a></p>
  <p><strong>My code:</strong></p>
  <p>main.js:</p>
  <pre><code>/** @type{import{&quot;../libs/phaser&quot;}} */
  
  
  var config = {
      type: Phaser.AUTO, 
      width: 800,
      height: 600,
      scene: {
          preload: preload,
          create: create,
          update: update
      }
  };
  
  function preload ()
  {
      this.load.image('sky', 'assets/sky.png');
      this.load.image('ground', 'assets/platform.png');
      this.load.image('star', 'assets/star.png');
      this.load.image('bomb', 'assets/bomb.png');
      this.load.spritesheet('dude', 
          'assets/dude.png',
          { frameWidth: 32, frameHeight: 48 }
      );
  }
  
  function create ()
  {
      this.add.image(400, 300, 'sky'); 
      this.add.image(400, 300, 'star');
  }
  
  function update ()
  {
  }
  
  var game = new Phaser.Game(config);
  game.state.add('GameState',GameState);
  game.state.start('GameState')
  </code></pre>
  <p>index.html:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
      &lt;title&gt;Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script src=&quot;./libs/phaser.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;main.js&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p><strong>My project structure:</strong></p>
  <p><a href="https://i.stack.imgur.com/acj9v.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/acj9v.png" alt="enter image description here" /></a></p>
  <p><strong>Thing I tried:</strong></p>
  <ol>
  <li>Running on chrome/edge/firefox</li>
  <li>Moving .png outside the folder</li>
  </ol>
  <p>I suppose it is not a problem with a code, so I don't know where it is and how to solve it.
  This is my error:</p>
  <p><a href="https://i.stack.imgur.com/ThSEt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ThSEt.png" alt="enter image description here" /></a></p>