next.js Image컴포넌트 질문이요.

Question

여러 홈페이지의 데이터를 크롤링해서 통합사이트를 만들어보고 있는데 특정 홈페이지의 이미지만 렌더링 되지 않는 오류를 겪었습니다. db에도 알맞은 url로 이미지 주소가 저장되어있고 네트워크 탭에 response에도 해당 url을 문제없이 잘 응답 받아 왔습니다.근데 모두 같은 Image 컴포넌트를 재사용해 렌더링 시키는데 특정 홈페이지의 이미지만 렌더링되지 않았고다른 이미지들은 webp로 잘 생성됐는데 문제의 이미지들만 text/plain 타입이더군요.Next.js Image컴포넌트를 사용하지 않고 그냥 img태그를 사용하면 되긴 됩니다. 하지만 Image 컴포넌트를 사용하고 싶어서 결국 unoptimized 옵션을 주고나서야 어떤건 webp, 문제의 이미지는 jpeg로 인식되어 이미지가 잘 렌더링 되었는데 같은 문제를 겪어 봤거나 이유를 아시는 분이 계실까요 ㅜ style도 다 지워봤어서 style의 문제도 아니었습니다.&#43;&#43; ( 로컬에서 npm run dev로 실행할 때는 위의 문제가 하나도 없이 이미지가 잘 렌더링 됩니다. ec2에서 도커로 배포할때만 일어나는 문제입니다 ) 설명이 길엇네요

하얀뼈 · Answer

화면 및 만든코드, 에러코드 보여주심 좋을듯

next.js Image컴포넌트 질문이요.

1개의 답변

기술 목록