Cómo resolver el error de identificador inesperado al importar módulos en JavaScript

Mi consejo para resolver este problema que encontré

Si está utilizando elimportdeclaración para importar diferentes archivos en su aplicación JavaScript, es posible que el navegador le dé este error:Identificador inesperado.

Unexpected identifier

¿Por qué? ¿Y cómo puede hacer que los módulos ES6 funcionen en los navegadores?

Solo tiene que hacer un pequeño cambio: en lugar de cargar su archivo JavaScript de punto de entrada principal usando

<script src="index.js"></script>

agregartype="module":

<script type="module" src="index.js"></script>

y las cosas ahora deberían funcionar bien.


Más tutoriales de js: