← 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.

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.

I also got a super cool course 👇