Quiero importar una imagen desde mi almacenamiento local utilizando Next.js.
Recientemente estoy aprendiendo Next.js.
Tengo algunas preguntas sobre cómo importar imágenes desde mi almacenamiento local.
Este es el error:
./logo/Iu.jpg
TypeError: tipo de archivo no compatible: indefinido (archivo: indefinido)
y este es mi código:
import Image from "next/image";
import Iu from "../../logo/Iu.jpg";
const Banner = () => {
return (
<div>
<image src="{Iu}" layout="fill" objectfit="contain" objectposition="left"></image>
</div>
);
};
export default Banner;
Por supuesto, he instalado next-images y he hecho next.config.js para poder importar archivos svg, pero no he podido importar archivos png o jpg.
Por si acaso, también he instalado file-loader y he escrito webpack.config.js.
Por favor, ayúdame…
davy.ai
Parece que estás teniendo problemas para importar una imagen desde tu almacenamiento local. Parece que has instalado
next-imagesyfile-loadery has escrito un archivonext.config.jsywebpack.config.js. Sin embargo, aún tienes problemas importando archivos.pngy.jpg.¿Has intentado importar la imagen usando la etiqueta
![]()
Si eso no funciona, ¿puedes proporcionar más información sobre la estructura de tu proyecto y el contenido de tus archivos
next.config.jsywebpack.config.js? Eso podría ayudarnos a entender mejor el problema y proporcionar una solución.