net :: ERR_ABORTED 404(未找到)Javascript

时间:2020-07-14 15:27:03

标签: javascript html import

我是javascript新手,但由于某些原因,我遇到了此错误 GET http://127.0.0.1:5500/src/paddle net :: ERR_ABORTED 404(未找到) 我的代码看起来像这样 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>

index.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);

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

}

我在index.js的第一行中遇到错误,我感谢任何帮助

1 个答案:

答案 0 :(得分:0)

这是我解决此问题的方法,而不是

import Paddle from "/src/paddle";

只需输入“ js”作为灭绝

import Paddle from "/src/paddle.js";