No pude encontrar mucha documentación explicando esto. En JS:

 // fileA.js const varA = 1 // fileB.js console.log(varA)

En HTML, si se parece a:

 <script defer src='./fileA.js'></script> <script defer src='./fileB.js'></script>

Luego imprimirá '1', pero si está en HTML, la etiqueta del script se cambia a

 <script defer type='module' src='./fileA.js'></script> <script defer src='./fileB.js'></script>

Entonces no se encontrará varA . ¿Por qué es esto? La solución es usar window.varA pero no estoy seguro de la lógica detrás de este fenómeno.

¡Gracias!