Uncaught SyntaxError: Unexpected identifier with import statement

Question

In the following code:

ROOTNS.ui.components.orgChart = (function () {

    import PubSub from 'pubsub-js'

})();

I get the runtime error on the import statement of:

Uncaught SyntaxError: Unexpected identifier

My app is based on Chromium version 66, which supports the import statement, so what is wrong with the syntax?

But that would place it outside of the closure. Is that not a problem if I have multiple modules in my app that also use the same import statement? — Johann
– Johann, Commented Jan 28, 2019 at 10:17
As far as I know, unless your using a dynamic import, you need your imports at the top of the unit. Why does PubSub need to be inside the closure.? — Keith
– Keith, Commented Jan 28, 2019 at 10:18
It will only get imported once, that's what module loaders job is. — Keith
– Keith, Commented Jan 28, 2019 at 10:23
@AndroidDev No, there's no conflict, each module has its own scope. You don't need IIFEs when using ES6 modules. — Bergi
– Bergi, Commented Jan 28, 2019 at 10:23

James Coyle · Accepted Answer · 2019-01-28 10:39:29Z

2

Imports must be at the top of your script before any other code. ES6 modules don't work like other module systems where you can load modules conditionally.

import PubSub from 'pubsub-js'

ROOTNS.ui.components.orgChart = (function () {

// other code 

})();

answered Jan 28, 2019 at 10:39

James Coyle

10.5k2 gold badges42 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Uncaught SyntaxError: Unexpected identifier with import statement

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related