next.js에서 정적 배포를 위해 next export를 하면
error Image Optimization using the default loader is not compatible with export.
Possible solutions:
- Use `next start` to run a server, which includes the Image Optimization API.
- Configure `images.unoptimized = true` in `next.config.js` to disable the Image Optimization API.
Read more: https://nextjs.org/docs/messages/export-image-api
위 에러가 나타난다.
next export
명령을 사용하여 정적 사이트를 생성할 때는 이미지 최적화 API를 사용할 수 없기 때문에 해당 경고가 나타나게 되는데,
// next.config.ts
const nextConfig = {
images: {
unoptimized: true,
}
};
module.exports = nextConfig;
next.config.ts 파일에 ‘unoptimized: true’ 코드를 추가하여 이미지 최적화 API를 비활성화 하는 것으로 해결할 수 있다. (이미지 최적화는 못하겠지만.)