No se puede usar la declaración de importación módulo externo en JavaScript

No se puede usar la declaración de importación módulo externo en JavaScript
Los módulos son fragmentos del código JavaScript escrito en un archivo. Los módulos de JavaScript facilitan la modularización del código al separar todo el código en módulos que se pueden cargar desde cualquier lugar. Los módulos se utilizan para mantener, depurar y reutilizar el código. Cada módulo consiste en un código que se ejecuta al cargar.

Este tutorial describirá:

  • Lo que es "no puede usar la declaración de importación fuera de un módulo"?
  • ¿Cómo se produce el error "no se puede usar la declaración de importación fuera de un módulo"??
  • Cómo corregir el error "No se puede usar la declaración de importación fuera de un módulo"?

¿Qué es "no puede usar la declaración de importación módulo externo" en JavaScript??

El "No se puede usar la declaración de importación fuera de un módulo"Es un error en JavaScript que puede enfrentar al importar cualquier declaración desde fuera del módulo.

¿Cómo se produce "módulo externo de la declaración de importación de importación"??

Este error ocurre al intentar usar las funciones de ES6 en un proyecto JavaScript, ya que los módulos son una versión más nueva incluida en ES6, en la que cada módulo está definido por un único ".js" archivo. Para importar o exportar clases con sus propiedades, funciones, variables u otros componentes entre archivos y módulos, utilice el "importar" o "exportarDeclaración en un módulo.

Veamos cómo ocurre este error en JavaScript:

Ejemplo
Tenemos un módulo JavaScript "datos.js"Eso contiene la clase"Datos"Y un método"agregar datos()"Que importará en un proyecto de JavaScript en una etiqueta utilizando el"importarPalabra clave:

La salida dada muestra que al importar el módulo, el "No se puede usar la declaración de importación fuera de un módulo" se produce un error:

Veamos la solución para corregir este error.

Cómo corregir el error "No se puede usar la declaración de importación fuera de un módulo" en JavaScript?

Para arreglar el "No se puede usar la declaración de importación fuera de un móduloError, configure el atributo de tipo de la etiqueta en el módulo en el código HTML. Ahora, puede usar la sintaxis del módulo ES6 en su código JavaScript:

La ventana dada muestra que el error se ha resuelto correctamente:

Hemos compilado la información esencial relacionada con el error establecido y proporcionamos la solución relevante

Conclusión

El "SyntaxError: no se puede usar la declaración de importación fuera de un módulo"Ocurre cuando usa la sintaxis de los módulos ES6 en un script que no se cargó como un módulo. Para resolver este error y usar las importaciones del módulo ES6 en JavaScript, establezca el tipo de atributo de la etiqueta en el módulo en el código HTML. Este tutorial describió lo que el "No se puede usar la declaración de importación fuera de un móduloEl error es, cómo ocurre y cómo solucionarlo en JavaScript.