Quiero exportar una clase a otro archivo js, pero no puedo ver ningún resultado en la consola de mi navegador. He estado siguiendo los pasos de este tutorial y de otro tutorial: https://www.youtube.com/watch?v=cRHQNNcYf6s&t=190s y muestran algo similar al código que he escrito. Le dije al navegador que también estoy usando módulos con type="module".
Lo siento si me perdí algo, pero las publicaciones que puedo encontrar aquí: ¿Cómo incluyo un archivo JavaScript en otro archivo JavaScript? se ocupa de escenarios y funciones complicados, solo necesito importar una Clase
clase 1:
import Rectangle from "./class2.js"; const rect = new Rectangle(100, 100); rect.printHeight();clase 2:
export default class Rectangle { constructor(height, width) { this.height = height; this.width = width; } printHeight() { console.log(this.height); } }importo el script así
<script type="module" src="class1.js"></script>Cambia esto:
import Rectangle from "./class2";... a esto:
import Rectangle from "./class2.js";El problema es que el navegador no puede resolver la ruta al archivo si solo le da el nombre; también necesita la extensión (y probablemente arroja un 404 al respecto). Dado que no está utilizando un paquete o cualquier otra forma de preprocesamiento, nada se encargaría de eso si no lo hace.