net::ERR_ABORTED 404(未找到)Javascript

van*_*e22 6 html javascript import

我是 javascript 新手,但由于某种原因我有这个错误 GET http://127.0.0.1:5500/src/paddle net::ERR_ABORTED 404 (Not Found) 我的代码看起来像这样 index.html

<html>
<head>
    <title >Game</title>
    <meta charset="UTF-8" />
    <style>
        #gameScreen {
            border: 1px solid black;
            
        }
    </style>
</head>
<body>
    <canvas id="gameScreen" width="800" height="600"></canvas>
    <script type="module" src="src/index.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

索引.js

import Paddle from "/src/paddle";


let canvas = document.getElementById("gameScreen");

let ctx = canvas.getContext('2d');

const GAME_WIDTH = 800;
const GAME_HEIGHT = 800;


let paddle = new Paddle(GAME_WIDTH, GAME_HEIGHT);

paddle.draw(ctx);
Run Code Online (Sandbox Code Playgroud)

桨.js

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);
   
   }

}
Run Code Online (Sandbox Code Playgroud)

我在 index.js 的第一行中收到错误 我感谢任何类型的帮助

小智 17

这就是我解决这个问题的方法而不是

import Paddle from "/src/paddle";
Run Code Online (Sandbox Code Playgroud)

只需输入“js”作为灭绝

import Paddle from "/src/paddle.js";
Run Code Online (Sandbox Code Playgroud)