If you are using the import statement to import different files in your JavaScript application, you might find the browser giving you this error: Unexpected Identifier.
Why? And how can you make ES6 modules work in browsers?
You just have to do one tiny change: instead of loading your main entry point JavaScript file using
<script src="index.js"></script>add type="module":
<script type="module" src="index.js"></script>and things should now work fine.
Download my free JavaScript Beginner's Handbook and check out my JavaScript Course!
More js tutorials:
- How to convert a string to a number in JavaScript
- The JavaScript if/else conditional
- The String concat() method
- How I fixed a "cb.apply is not a function" error while using Gitbook
- The Object entries() method
- The Object getPrototypeOf() method
- JavaScript, how to find a character in a string
- How to replace white space inside a string in JavaScript
- How to add an event listener to multiple elements in JavaScript