Así que copié un código en reaccionar a javascript nativo. Tengo una carpeta llamada imgs esta carpeta contiene todas las imágenes y un archivo index.js que se ve así.
export { default as img1 } from "./one.jpg"; export { default as img2 } from "./two.jpg"; export { default as img3 } from "./three.jpg"; export { default as img4 } from "./four.jpg"; export { default as img5 } from "./five.jpg";Ahora traté de importar estas imágenes a otro archivo como este
import { img1, img2, img3, img4, img5 } from "./imgs"; Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.esto funciona de maravilla cuando lo usé en CRA pero no funciona aquí. Qué me estoy perdiendo
En mis proyectos, creo un archivo y coloco todas las llamadas de imagen en él.
const image1=requre("../location image ") export { image1 }Y en el archivo donde quiero usar las fotos
import {image1} from "../images file" <Image source={image1} />