스터디/React
NextJs 배포시 Image Optimization 에러
프도의길
2023. 10. 18. 18:24
NextJs + Typescript 를 gh-pages를 통해 배포 진행 중에 생긴 이미지 로더 에러
next/Image에서 임포트하는 <Image /> 컴포넌트의 default loader가
next export에서는 지원되지 않기 때문에 발생하는 에러다.
그래서 next.congif.js에
images 안에 loader: "akamai", path:"/" 이런식으로 설정을 해주면 이미지의 기본 주소값이 설정이 되어 이미지가 잘 로딩이 된다.