JS import: Uncaught SyntaxError: Unexpected token {

Question

tools.js:

function someFunction() {
  console.log(1 + 1);
}

export { someFunction };

main.js

window.onload = function() {
  import { someFunction } from 'tools';
};

index.html:

<script src="http://localhost:8080/tools.js" type="module"></script>
<script src="http://localhost:8080/main.js "></script>

And yet I get the error on the subject. What am I doing wrong? Thanks.

You cannot use import statements outside the top lines of your file. — Blue
– Blue, Commented Nov 4, 2018 at 21:21

Patrick Roberts · Accepted Answer · 2018-11-04 21:33:16Z

4

imports always have to be on the global scope:

 import { someFunction } from 'tools.js';

 window.onload = function() {
   //...  
  };

edited Nov 4, 2018 at 21:33

Patrick Roberts

52.4k10 gold badges119 silver badges165 bronze badges

answered Nov 4, 2018 at 21:22

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

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

3 Comments

Gabriel Over a year ago

Thanks Jonas, but even if my main.js file has a single line with the import statement, I still get the error.

Patrick Roberts Over a year ago

@GabrielA.Zorrilla it also needs to be type="module"

Gabriel Over a year ago

@PatrickRoberts the main.js right? Because did that and solved the problem. I also had to specify tools.js as the module name, not just tools. Thanks. This will be very hard because both, you and Jonas have answered!

Collectives™ on Stack Overflow

JS import: Uncaught SyntaxError: Unexpected token {

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related