时间戳

首页 > 解决方案 > 未捕获的 SyntaxError：意外的标识符 | 尝试导入模块，但出现此错误

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

问题描述

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

当我尝试导入 paddle.js 文件时，控制台输出 game.js:1 Uncaught SyntaxError: Unexpected identifier

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

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

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

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

我期待矩形绘制到画布上，但没有绘制任何内容。

标签： javascript

解决方案

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

从'/paddle'导入桨；

或者从'/将paddle.js文件的路径放在此处/paddle'中导入Paddle；

推荐阅读