0
115
ViewsLa imagen en NextJS no permite literales de plantilla dentro de src cuando se implementa en vercel
Tengo un menú desplegable de usuario en el que quiero mostrar la imagen del cliente que se autenticó. Uso nextAuth para autenticar. Puedo ver la imagen del usuario y el nombre del usuario funciona bien con useSession() .
Muestro la foto del usuario en localhost sin problema. Aquí cómo lo muestro con la etiqueta de imagen .
<li className="py-1 px-3 hover:underline leading-8 flex"> <Image width={40} height={40} className="mr-3" src={status === "authenticated" ? session.user.image : profile} alt="img" /> <span className="ml-3">User</span> </li>session.user.image gire eso
https://lh3.googleusercontent.com/a-/AOh14GjUcorAI3kntYm5-R2g5r0gBl9VSNY8pL9Fs4Ar0g=s96-c
Pero cuando lo envié para producción a vercel, arrojó un error y no funciona como en localhost. Aquí el error
El enlace de mi aplicación es https://netflix-clone47.vercel.app/
1 answers
Answer question0
primero verifique si tenía el dominio para imágenes en next.config.js:
moduel.exports = { images : { domains : ['lh3.googleusercontent.com'] } }luego verifique si la sesión existe usando el signo de interrogación (?):
<Image width={40} height={40} className="mr-3" src={status === "authenticated" ? session?.user?.image : profile} alt="img" />