Tengo 3 archivos: index.html, index.js, Sprite.js
Quiero importar la clase Sprite de Sprite.js a index.js
He intentado esto:
import Sprite from "Sprite.js"
Y también esto:
import Sprite from Sprite
Cuando abro el html con Google Chrome me da este error:
Uncaugth SyntaxError: Cannot use import statement outside a module
@ Juan Pablo Arano Puede haber un problema cuando quieres usar módulos javascript fuera del contexto de los módulos. Casi no hay posibilidad de lograr eso sin Webpack o npm. Si desea usar un módulo fuera de un contexto de módulos, debe usar los compiladores anteriores antes de ejecutar el código.
Lo siguiente puede ser útil:
¿Cómo incluyo un archivo JavaScript en otro archivo JavaScript?
Inicialmente, debe exportar su función para poder importarla en otro archivo. Será muy útil para cada proyecto, intente aprender sobre él:
Documentación de exportación de MDN
Después de ver su pregunta actualizada con el error "Uncaugth SyntaxError: Cannot use import statement outside a module", puede usar module.exports siempre, por ejemplo, el archivo Sprite.js tendrá el siguiente aspecto:
const Sprite = () => { console.log("Sprite function") } module.exports = Sprite;
Dentro del archivo index.js, puedes simplemente hacer,
const Sprite = require("./Sprite") // your code goes here!