错误:语法错误:无法在模块JavaScript外部使用import语句

时间:2020-03-20 11:06:32

标签: javascript html

我正在尝试从paddle.js文件导入Paddle类,但它始终收到错误“错误:语法错误:无法在模块外部使用import语句”。这些文件位于同一文件夹中。

这是我的导入代码(来自game.js文件):

import Paddle from "/paddle.js";
let canvas = document.getElementById("screen");
let ctx = canvas.getContext("2d");

const game_width = 800;
const game_height = 600;

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

这是我来自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);
}

update(deltaTime){

    if(!deltaTime) return;
    this.position.x += 5 / deltaTime;
}

}

1 个答案:

答案 0 :(得分:-3)

尝试:import Paddle from "./paddle.js"; 您的主要问题是您不输入“。”。