How to solve the unexpected identifier error when importing modules in JavaScript
My advice on solving this problem I encountered
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.
→ Here's my latest YouTube video
→ Get my JavaScript Beginner's Handbook
→ I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter
→ JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025