ES2015 import doesn’t work (even at top-level) in Firefox

by

Actually the error you got was because you need to explicitly state that you’re loading a module – only then the use of modules is allowed:

<script src="https://stackoverflow.com/questions/37624819/t1.js" type="module"></script>

I found it in this document about using ES6 import in browser. Recommended reading.

Fully supported in those browser versions (and later; full list on caniuse.com):

  • Firefox 60
  • Chrome (desktop) 65
  • Chrome (android) 66
  • Safari 1.1

In older browsers you might need to enable some flags in browsers:

  • Chrome Canary 60 – behind the Experimental Web Platform flag in chrome:flags.
  • Firefox 54 – dom.moduleScripts.enabled setting in about:config.
  • Edge 15 – behind the Experimental JavaScript Features setting in about:flags.

More Related Contents:

  1. ES6 modules in the browser: Uncaught SyntaxError: Unexpected token import
  2. ES6 module Import giving “Uncaught SyntaxError: Unexpected identifier”
  3. Inlining ECMAScript Modules in HTML
  4. How can I tell if a DOM element is visible in the current viewport?
  5. `export const` vs. `export default` in ES6
  6. Node.js plans to support import/export ES6 (ECMAScript 2015) modules
  7. using brackets with javascript import syntax
  8. onchange event on input type=range is not triggering in firefox while dragging
  9. ReferenceError: event is not defined error in Firefox
  10. Link inside a button not working in Firefox
  11. Concatenating variables and strings in React
  12. Which browsers support import and export syntax for ECMAScript 6?
  13. Can I force a link to open in a specific browser?
  14. ES6: import module from URL
  15. Open IE browser in Firefox/Chrome page
  16. ES6 Destructuring and Module imports
  17. Javascript ES6 export const vs export let
  18. JavaScript in or just before ?
  19. Is “localStorage” in Firefox only working when the page is online?
  20. Why aren’t Safari or Firefox able to process audio data from MediaElementSource?
  21. How do you import a javascript package from a cdn/script tag in React?
  22. Why does Firefox react differently from Webkit and IE to “click” event on “select” tag?
  23. Download attribute not working in Firefox
  24. Web browser: Hide mouse cursor [duplicate]
  25. Re-export default in ES 6 modules
  26. Firefox Web Console Disabled?
  27. Output an ES module using webpack
  28. How does JavaScript import find the module without an extension?
  29. How to disable Back button in IE and firefox? [duplicate]
  30. Does “localStorage” in Firefox only work when the page is online?

Leave a Comment