java意外的标识符,从文件中的Java语言导入类会产生“未捕获的SyntaxError：意外的标识符”。...

I am refactoring my javascript code to make it more object-oriented, but I cannot get the newest features applying classes to work!

First, I declare the class in a separate file as follows:

// models/player.js

export default class Player {

constructor() {

//loads of code

}

}

Then, I refer to the file in my html as follows:

Finally, I try to import the class into my main js file as such:

// game.js

import Player from './models/player';

But for some reason, Chrome (even Canary) throws me the "Uncaught SyntaxError: Unexpected Identifier" in that very first import line!

I'm trying to follow all the specifications and examples I can find online. What am I missing?

解决方案

import and exports are only good to use in module system like using webpack, etc. But when you directly insert the script file you don't need it:

// models/player.js

class Player {

constructor() {

//loads of code

}

}

Now, you can directly use that class: (in game.js)

new Player

If you prefer using import export even while inserting script then you must specify its type to be module: