title: net::ERR_ABORTED 404 (Not Found) Javascript
body: <p>I'm new to javascript but for some reason I have this Error
  GET <a href="http://127.0.0.1:5500/src/paddle" rel="noreferrer">http://127.0.0.1:5500/src/paddle</a> net::ERR_ABORTED 404 (Not Found)
  my code looks like this
  <strong>index.html</strong></p>
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title &gt;Game&lt;/title&gt;
      &lt;meta charset=&quot;UTF-8&quot; /&gt;
      &lt;style&gt;
          #gameScreen {
              border: 1px solid black;
              
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;canvas id=&quot;gameScreen&quot; width=&quot;800&quot; height=&quot;600&quot;&gt;&lt;/canvas&gt;
      &lt;script type=&quot;module&quot; src=&quot;src/index.js&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p><strong>index.js</strong></p>
  <pre><code>import Paddle from &quot;/src/paddle&quot;;
  
  
  let canvas = document.getElementById(&quot;gameScreen&quot;);
  
  let ctx = canvas.getContext('2d');
  
  const GAME_WIDTH = 800;
  const GAME_HEIGHT = 800;
  
  
  let paddle = new Paddle(GAME_WIDTH, GAME_HEIGHT);
  
  paddle.draw(ctx);
  </code></pre>
  <p><strong>paddle.js</strong></p>
  <pre><code>export default class Paddle {
     constructor(gameWidth, gameHeight) {
         this.width = 150;
         this.height = 30;
  
         this.position = {
             x: gameWidth / 2 - this.width / 2,
             y: gameHeight - this.height - 10
         };
     }
     draw(ctx) {
         ctx.fillRect(this.position.x, this.position.y, this.width, this.height);
     
     }
  
  }
  </code></pre>
  <p>I get the error in first line of index.js I appreciate any kind of help</p>