ARCHIVOS Y MÓDULOS

Problemas con import y export

La importación falla cuando el entorno, la ruta o los nombres exportados no coinciden con lo que espera el módulo.

Si te aparece: Cannot use import statement outside a module, failed to resolve module o export no encontrado

Solución rápida: Usa type="module" en HTML, comprueba rutas y extensión, e inicia un servidor HTTP local para módulos web.

Qué está pasando

El script puede no tener type="module", la ruta puede ser incorrecta o el export solicitado no existir.

Cómo corregirlo

✕ Código problemático
<!-- HTML con un script clásico -->
<script src="main.js"></script>
<!-- main.js contiene: import { doble } from './math.js' -->
✓ Código corregido
<!-- index.html -->
<script type="module" src="./main.js"></script>
<!-- main.js: import { doble } from './math.js'; -->

Cómo comprobarlo

Comprueba en la pestaña Network que el módulo carga y en consola que no aparece un error de importación.

Ten en cuenta

Los fragmentos HTML y módulos deben estar en archivos separados. No se pueden probar pegándolos juntos en el laboratorio de una sola celda.