Ошибка компонента 502 изображения Nextjs на сервере

Question

next / image вызывает сбой сервера из-за ошибки 502 ошибка шлюза.

Я проверяю из сети devtool, он получает сторонний (themoviedb) api. Эти изображения не могут быть загружены правильно, но они отлично работают на моем локальном компьютере в компоненте сборки nextJs.

Я попытался использовать чистый тег html для загрузки этого изображения, эта ошибка шлюза 502 решена.

Есть ли какая-нибудь подсказка, почему next / image вызывают ошибку моего шлюза DO server 502?

Answer 1

У меня была такая же проблема, и она была решена, когда я уменьшил размеры изображения до 2000x 2000 пикселей (или меньше). Я также уменьшил разрешение до 90 в то же время, но я подозреваю, что проблема была в общем размере. Мои файлы были PNG, на случай, если это будет полезно.

Answer 2

Я столкнулся с той же ошибкой шлюза 502 с изображениями при развертывании приложения next.js на AWS EBS (beanstalk). В моем случае проблема заключалась в том, что сервер был недостаточно подготовлен. Увеличение его до большего размера экземпляра исправило это для меня.

(если это поможет кому-нибудь, я переехал изкразмер экземпляра)

Answer 3

Для производства я установил пакет «sharp», который настоятельно рекомендуется. Запустите yarn add Sharp или npm i Sharp , и Next.js автоматически использует его для оптимизации изображения.https://nextjs.org/docs/messages/sharp-missing-in-production