Home/ Questions/How to fix the issue: import declarations may only appear at top level of a module?
Next
Answered
Janice Reynolds
  • 1
Asked: 2022-07-08T11:52:02+00:00 In:

How to fix the issue: import declarations may only appear at top level of a module?

  • 1

. Advertisement .

..3..

. Advertisement .

..4..

Hi everyone.

I am here to find out the answer for my problem. I got the message error: import declarations may only appear at top level of a module. 

With my limited knowledge, I don’t know how to handle it, so I need your help. I really appreciate everyone’s time and effort. Thanks a lot.

Share

1 Answer

  1. Best Answer
    Expert

    The cause: Firefox browser will display the SyntaxError: import declarations may only appear at top level of a module problem since you didn’t utilize the type="module" attribute.

    Solution:

    So you need to Add type="module" to fix the problem.

    Prior to importing the JS file, first, turn on the dom.moduleScripts.enabled option in about:config and then add type="module" to your script tag.

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

    Finally, use:

    import * from "./mylib.js"

     

    • 1

Leave an answer

You must login to add an answer.

Need An Account,