Heroku 我无法部署到vercel，因为我遇到错误：指定的images.domains应该是接收到无效值的字符串数组（）

当我在vercel上部署时，我得到了这个错误

发生生成错误 14:34:33.017错误：指定的images.domains应该是接收到无效值的字符串数组（）

为了在本地屏幕上显示图像，我进行了以下设置：

module.exports = {
  env: {
    NEXT_PUBLIC_STRAPI_URL: process.env.NEXT_PUBLIC_STRAPI_URL,
    NEXT_PUBLIC_IMAGES_DOMAIN: process.env.NEXT_PUBLIC_IMAGES_DOMAIN,
  },
  publicRuntimeConfig: {
    NEXT_PUBLIC_STRAPI_URL: process.env.NEXT_PUBLIC_STRAPI_URL,
    NEXT_PUBLIC_IMAGES_DOMAIN: process.env.NEXT_PUBLIC_IMAGES_DOMAIN,
  },

  images: {
    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
    imageSizes: [16, 32, 48, 64, 96],
    domains: [process.env.NEXT_PUBLIC_IMAGES_DOMAIN],
    path: "/_next/image",
    loader: "default",
  },

  webpack(config) {
    config.module.rules.push({
      test: /\.svg$/,
      use: ["@svgr/webpack"],
    });

    return config;
  },
};

在我的env.local中，我已将此

NEXT_PUBLIC_STRAPI_URL= ...
NEXT_PUBLIC_IMAGES_DOMAIN=localhost

我把我的图像称为“外取”，就像这样

const Potato = ({ assets}) => { 
 <Image
   src={process.env.NEXT_PUBLIC_STRAPI_URL + assets.hat.svg.url}
   width={assets.hat.svg.width}
   height={assets.hat.svg.height}
 />
}

const马铃薯=（{assets}）=>{
}

在本地我可以看到这些图像，但是当我在本地运行我的应用程序时，在我的console.log中也会出现此错误。我不知道怎么做，也不知道为什么。因为我的图像加载得很好。也许这就是Vercel不工作的原因，但我不知道这两者是否相关。

以上所有设置几乎都是从该视频复制粘贴的（从第10-16分钟开始观看）：

到目前为止，我所尝试的：

---

在Vercel上的环境变量中添加NEXT_PUBLIC_IMAGES_DOMAIN，并将我的Heroku后端名称作为值（就像我为NEXT_PUBLIC_STRAPI_URL所做的那样），部署良好，但出现了500服务器错误。但是我也不知道该如何解决这个问题。

因为您使用的是

.env.local

，所以不需要将

env

/

publicRuntimeConfig

放在

下一个.config.js

中

如果使用默认设置，则不需要为图像设置

路径

和

加载程序

。唯一需要的值是

域

——然后您当然可以选择

设备大小

和

图像大小

您将需要在Vercel项目中添加您的