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-images
yfile-loader
y has escrito un archivonext.config.js
ywebpack.config.js
. Sin embargo, aún tienes problemas importando archivos.png
y.jpg
.¿Has intentado importar la imagen usando la etiqueta
en lugar de
? Si no lo has intentado, pruébalo y verifica si funciona.Si eso no funciona, ¿puedes proporcionar más información sobre la estructura de tu proyecto y el contenido de tus archivos
next.config.js
ywebpack.config.js
? Eso podría ayudarnos a entender mejor el problema y proporcionar una solución.