javascript – SyntaxError: import declarations may only appear at top level of a module

javascript – SyntaxError: import declarations may only appear at top level of a module

I got this on Firefox (FF58). I fixed this with:

  1. It is still experimental on Firefox (from v54):
    You have to set to true the variable dom.moduleScripts.enabled in about:config

Source: Import page on mozilla (See Browser compatibility)

  1. Add type=module to your script tag where you import the js file

<script type=module src=appthatimports.js></script>

  1. Import files have to be prefixed (./, /, ../ or http:// before)

import * from ./mylib.js

For more examples, this blog post is good.

javascript – SyntaxError: import declarations may only appear at top level of a module

Leave a Reply

Your email address will not be published.