Uncaught Syntax Error: Unexpected token { in JavaScript

Asked Dec 23 '18 at 04:57

Active Jan 01 '19 at 12:41

Viewed 312 times

I'm getting started to Phaser 3, and I was trying to make the initial "game scenes", and I tried to use the :

import { blah } from "../asdf/blah";

ES6 syntax, and I get this error:

Uncaught Syntax Error: Unexpected token {

I'm not really sure why this happens, my browser supports that statement! ( Chrome 71 )

The parts of the code that implement "import" :

/* main.js */

import { loadScene } from "./scenes/loadScene";
import { menuScene } from "./scenes/menuScene";

let game = new Phaser.Game({
    width: 640,
    height: 360,
    scene: [
        loadScene, menuScene
    ]
});

//------------------End of main.js--------------------

/* loadScene.js */

import { CST } from "../CST";

export class loadScene extends Phaser.Scene {
    constructor() {
        super({
            key: CST.SCENES.LOAD
        });
    }

    create() {
        this.scene.start(CST.SCENES.MENU, "Hello from loadScene");
    }
}

edited Jan 01 '19 at 12:41

Gama11

24,825
7
56
81

asked Dec 23 '18 at 04:57

Leo1011

2

Are you using a bundler like webpack or parcel? If not, how are you loading the code into the browser? – Derek Nguyen Dec 23 '18 at 04:59
1

This may help you https://stackoverflow.com/questions/33524696/es6-destructuring-and-module-imports – Jack Bashford Dec 23 '18 at 05:13
Seems like you are not loading the code as module in the browser. – Felix Kling Dec 23 '18 at 08:11
@DerekNguyen yes, I'm using parcel to do that. – Leo1011 Dec 24 '18 at 02:53
@FelixKling I've heard that you can load it as a module by modifying the – Leo1011 Dec 24 '18 at 02:56

Uncaught Syntax Error: Unexpected token { in JavaScript

0 Answers0