J'ai obtenu cette erreur lors du déploiement de next.js sur netlify.
Error: Image Optimization using Next.js default loader is not compatible with `next export`. Possible solutions: 6:47:15 AM: - Use `next start`, which starts the Image Optimization API. 6:47:15 AM: - Use Vercel to deploy, which supports Image Optimization. 6:47:15 AM: - Configure a third-party loader in `next.config.js`. 6:47:15 AM: - Read more: https://err.sh/next.js/export-image-api. 6:47:15 AM: at exportApp (/opt/build/repo/node_modules/next/dist/export/index.js:14:712)
Le problème ne se produit pas lors du déploiement sur Vercel.
5 Réponses :
semble que vous utilisez suivant / images.
Mais suivant / images
Ne fonctionne pas avec les pages statiques (générées avec Exportation suivante
)
Pour les pages statiques, utilisez cet optimiseur d'image: Next-optimized-images à la place
Wow, merci pour cette réponse, mais je n'ai pas pu trouver un moyen de charger les images paresseuses en utilisant cette dépendance. Connaissez-vous une façon de faire cela?
@ R.Karlus doit être inclus. Voir les documents en recherchant paresseux
: github.com/cyrilwanner / Images optimisés suivants
J'ai fait face au même problème lors de l'utilisation de la commande Erreur: l'optimisation de l'image à l'aide du chargeur par défaut de next.js n'est pas compatible avec EXPORT
. Je reçois toujours cette erreur: Exportation suivante
.
Solutions possibles:
Démarrer Next
Pour exécuter un serveur, qui inclut l'API d'optimisation d'image. next.config.js
. chargeur
Prop pour suivant / image
.
Donc, pour faire fonctionner mon chargeur personnalisé correctement, j'avais besoin Pour définir un chemin sur une chaîne vide:
Ainsi, pour ceux qui sont également confrontés à cela, veuillez essayer de définir le chemin vers un /
en tant que tel:
module.exports = { // https://github.com/vercel/next.js/issues/21079 // Remove this workaround whenever the issue is fixed images: { loader: 'imgix', path: '/', }, }
Est-ce que ce fichier Next.config.js?
@Deepkakkar Oui, dans le fichier next.config.js
Cela fonctionnera-t-il si je ne déploierai pas sur Vercel? , il suffit d'exporter la construction à l'aide de Exportation suivante
. Obtenir actuellement une erreur d'optimisation de l'image pendant l'exportation
@Deepkakkar Oui, cela devrait fonctionner ailleurs après cette solution de contournement. Je l'ai testé dans Netlify et l'erreur a disparu
akamai
setting images.loader
à 'imgix'
a provoqué les erreurs de développement et de construction.
J'ai utilisé ceci à la place:
// next.config.js module.exports = { images: { loader: 'akamai', path: '', }, }
Valeurs possibles pour images.loader
: [par défaut, imgix, cloudinary, akamai, coutust]
Référence: https://nextjs.org/docs/api-reference / Suivant / Image # intégrés intégrés
Pour moi, cela a fonctionné après avoir établi le chemin: '/'
moi aussi .. travaillé après le chemin mis: '/'
Cette erreur concerne l'image / ensuite, je fais face à la même erreur alors que "la prochaine construction", que j'utilise
au lieu de
dans le projet et le reconstruire par npm run build
et il résout l'erreur.
à partir de next.js 12.2, vous pouvez désactiver complètement l'optimisation de l'image pour next / image
en utilisant un indicateur expérimental dans next.config.js
. Cela évite d'avoir à utiliser un fournisseur tiers pour optimiser l'image lors de l'utilisation de suivant / export
.
à partir du suivant / image
Documentation:
non optimisé
- Lorsque cela est vrai, l'image source sera servie en tant que
au lieu de changer la qualité, la taille ou le format. Par défaut à false
.
module.exports = { experimental: { images: { unoptimized: true } } }