Next.js 图片 return 500 生产错误

Question

我正在 GAE 上部署一个 Next.js 应用程序，public 文件夹中的 none 个图像得到服务，它们都 return 500，之后出现以下错误审查日志

EROFS: read-only file system, unlink '/workspace/.next/cache/images/zUb0XWtfOUy8jJS-olwIcsJpEse7wovGYRmT3B79mCc=/0.1641776976898.S-2U16B+8WquUZAAJsKsf1k9FpDiuBJX2T6gFU5eXy4=.svg

这是我的 app.yaml 文件的样子：

---
handlers:
  - url: /.*
    secure: always
    script: auto
manual_scaling:
  instances: 1
runtime: nodejs16

我运行下一个构建以获得生产构建，但是图像加载 none。请帮助

Answer 1

它看起来像 GAE（Google App Engine）does not allow for writing，您可以阅读它们，但它可能试图在请求中执行一些转码，例如：转换为 svg

一种可能的方法可能是在外部 URL 中托管图像，或者使用 imgix 或 cloudinary

这样的主机

https://nextjs.org/docs/api-reference/next/image#domains

Next.js 图片 return 500 生产错误

Next.js images return 500 error in production

google-app-engine

app.yaml

next.js