Estoy trabajando para convertir mi sitio web personal de un proyecto Next.js JavaScript a TypeScript. Anteriormente, tenía una imagen de fondo de marcador de posición cargada con el sistema next/image:
<Image src="/filename.jpg" layout="fill" objectFit="cover" quality={100} />No estoy usando un cargador en este momento. Esto se cargó con éxito, aunque un poco lento. Me cambié a TypeScript sin cambios en esa línea o líneas relacionadas, pero ahora recibo un error 502 (Puerta de enlace incorrecta) cuando intento cargar la imagen.
Si modifico la URL a un archivo inexistente como "/falename.jpg", obtengo un error 400 (Solicitud incorrecta). Eso parece indicar que el acceso al archivo está bien, pero de alguna manera no se carga correctamente solo en TypeScript.
¿Hay algún paso de configuración que me falta? He revisado todas las guías next/image y TypeScript de Next.js y no he notado nada por el estilo.
Resulta que la transición a TypeScript puso algún tipo de límite en el tamaño del archivo de imagen; Intenté usar imágenes de menor resolución y funcionó.