错误:使用Next.js默认加载程序的图像优化与“下一个输出”不兼容
错误:使用Next.js默认加载程序的图像优化与“下一个输出”不兼容
提问于 2020-12-29 05:58:20
在将Next.js部署到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)部署到Vercel时不会出现此问题。
回答 6
Stack Overflow用户
回答已采纳
发布于 2020-12-30 15:14:54
看来你用的是next/图像。但是对于静态页面，next/images不使用静态页面(用next export生成)，而是使用以下图像优化器：下一次优化-图像
Stack Overflow用户
发布于 2021-11-20 15:12:47
使用akamai
将images.loader设置为'imgix'会导致开发和生成错误。
我用这个代替了：
// next.config.js
module.exports = {
images: {
loader: 'akamai',
path: '',
},
}对我所关心的一切都有效。
images.loader的可能值有:默认值、imgix值、cloudinary值、akamai值、自定义值
参考资料：https://nextjs.org/docs/api-reference/next/image#built-in-loaders
Stack Overflow用户
发布于 2022-07-01 18:18:11
在Next.js 12.3中，您可以使用next.config.js中的unoptimized配置完全禁用unoptimized图像优化。这避免了在使用next/export时必须使用第三方提供程序来优化映像。
来自next/image文档：
当
unoptimized为真时，源映像将被用作-而不是改变质量、大小或格式。默认为false。
module.exports = {
images: {
unoptimized: true
}
}在Next.js 12.3之前和从12.2开始，unoptimized配置仍然是实验性的，可以在experimental标志下启用。
module.exports = {
experimental: {
images: {
unoptimized: true
}
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65487914
复制相关文章
相似问题
腾讯云开发者
