我的导入/导出类代码行有什么问题?

时间:2019-04-17 20:12:18

标签: javascript import html5-canvas export

我正在研究一款破砖游戏,尽管我的代码可以在CodeSandbox上运行,但是当我在本地计算机上尝试该导入功能时,导入功能将无法正常运行。

/ p>

我尝试过移动文件夹,研究了如何进行操作,并尝试在类名周围添加{},但无济于事。

这是我的index.html脚本链接

<script src="src/index.js"></script>

这在我的index.js文件中(在文件夹src中)

import Game from "/src/game.js";

这就是我的game.js文件(也位于文件夹“ src”中)中的“游戏”。

export default class Game {
  constructor(gameWidth, gameHeight) {
    this.gameWidth = gameWidth;
    this.gameHeight = gameHeight;
    this.gamestate = GAMESTATE.MENU;
    this.paddle = new Paddle(this);
    this.ball = new Ball(this);
    this.gameObjects = [];
    new InputHandler(this.paddle, this);
  }

在CodeSandbox中,游戏没有问题,因为它运行完全正常,而当我在本地运行该游戏时,控制台显示为“ SyntaxError:意外标识符'Game'。import调用恰好需要一个参数。”画布是空白的。我已经坚持了一段时间,确实需要一些帮助。

1 个答案:

答案 0 :(得分:0)

import Game from './game';

更常见的是将模块导出到index.js文件中 因此,您可以尝试以下操作:

export Game from './game';