How to solve the unexpected identifier error when importing modules in JavaScript
New Courses Coming Soon
Join the waiting lists
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.
→ Get my JavaScript Beginner's Handbook
→ Read my
JavaScript Tutorials
on The Valley of Code
→ Read my
TypeScript Tutorial
on The Valley of Code
Here is how can I help you:
- COURSES where I teach everything I know
- CODING BOOTCAMP cohort course - next edition in 2025
- BOOKS 16 coding ebooks you can download for free on JS Python C PHP and lots more
- Follow me on X