Question

我目前正在学习如何制作JavaScript游戏。我正在使用视频：https://www.youtube.com/watch?v=3EMxBkqC4z0&t=319s

当我尝试导入paddle.js文件时，控制台会输出game.js：1 Uncaught SyntaxError：意外标识符

请注意，我是JavaScript的初学者。

我将文件路径更改为“ paddle”，并将完整文件路径更改为“ Desktop / JS-Game / paddle.js”。

我还仔细检查了paddle.js中的所有代码。

game.js

import Paddle from 'paddle';

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

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

const GAME_WIDTH = 800;
const GAME_HEIGHT = 600;

ctx.clearRect(0 ,0 , 800, 600);

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= 20;

        this.position = {

            x: gameWidth / 2 - this.width / 2,

            y: gameHeight - this.height - 10
        };
    }

    draw(ctx) {

        ctx.fillStyle = '#FF2'

        ctx.fillRect(this.position.x, this.position.y, this.width, this.height);
    }
}

我期望矩形可以在画布上绘制，但是什么也没画。

Answer 1

检查文件URL，两个文件是否处于同一级别？

如果您正在编辑代码，请尝试清除浏览器缓存。

Answer 2

如果您确定所有这些文件都位于当前工作目录的根目录下，请尝试如下导入paddle.js。

从'/ paddle'导入Paddle；

否则从“ /将paddle.js文件的路径输入此处/ paddle”中导入Paddle；

未捕获到的SyntaxError：意外的标识符|尝试导入模块，但出现此错误

2 个答案: