Fix the 'Unexpected identifier' error importing JS modules

By Flavio Copes

Learn how to fix the Unexpected identifier error when using ES module import in the browser, by adding type='module' to your script tag so imports work.

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.

Related posts about js: