스터디/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:"/" 이런식으로 설정을 해주면 이미지의 기본 주소값이 설정이 되어 이미지가 잘 로딩이 된다.