← flaviocopes.com

How to solve the unexpected identifier error when importing modules in JavaScript

Published Jan 31 2019

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.

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.



Wanna go from noobie to expert?

I wrote an entire book on this topic 👇

I also got a super cool course 👇

© 2023 Flavio Copes Flavio Copes using Notion to Site Notion to Site

Interested in solopreneurship?