Necesito importar un archivo que importe código de otro archivo y luego importar ese archivo a un archivo final que agregue código a un botón HTML. ¿Cómo puedo hacer esto? Cuando intento con el siguiente ejemplo a continuación, no se ejecuta ningún código.
// file 1 export function someFunction() { // more code } // file 2 import {someFunction} from './file1'; export function otherFunction() { someFunction(); // more code } // file 3 import {otherFunction} from './file2'; document.getElementById('some-button').onclick = otherFunction; // in index.html <script type='module' src='./file3.js'></script>La solución es incluir todos los archivos en index.html como type="module"
<script type='module' src='./file1.js'></script> <script type='module' src='./file2.js'></script> <script type='module' src='./file3.js'></script>