ES6 module Import giving “Uncaught SyntaxError: Unexpected identifier”

by

As @Bergi mentioned in the comment, adding type="module" to the main.js import line in the HTML solved the issue. All is working now. I.e.

<script type="module" src="https://stackoverflow.com/questions/47632562/assets/js/main.js">

Thanks to all of you who responded and tried to help.

More Related Contents:

  1. ES2015 import doesn’t work (even at top-level) in Firefox
  2. ES6 modules in the browser: Uncaught SyntaxError: Unexpected token import
  3. Inlining ECMAScript Modules in HTML
  4. Is it possible to import modules from all files in a directory, using a wildcard?
  5. Pass options to ES6 module imports
  6. `export const` vs. `export default` in ES6
  7. Node.js plans to support import/export ES6 (ECMAScript 2015) modules
  8. using brackets with javascript import syntax
  9. ES6 Modules: Undefined onclick function after import
  10. Concatenating variables and strings in React
  11. Which browsers support import and export syntax for ECMAScript 6?
  12. ES6: import module from URL
  13. Use functions defined in ES6 module directly in html
  14. ES6 Destructuring and Module imports
  15. Is using an ES6 import to load specific names faster than importing a namespace?
  16. Javascript ES6 export const vs export let
  17. How can I alias a default import in JavaScript?
  18. Are ES6 module imports hoisted?
  19. Not recommended to use “use strict” in ES6?
  20. What is the defined execution order of ES6 imports?
  21. What is the difference between importing a function expression or a function declaration from a ES6 module?
  22. How do you import a javascript package from a cdn/script tag in React?
  23. How will browsers handle ES6 import/export syntax
  24. How to create new instance of an extended class of custom elements
  25. ES2015 “import” not working in node v6.0.0 with with –harmony_modules option
  26. Re-export default in ES 6 modules
  27. Output an ES module using webpack
  28. How does JavaScript import find the module without an extension?
  29. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  30. How to get nth-child selector to skip hidden divs [duplicate]

Leave a Comment