“images.domains”配置已弃用。请改用“images.remotePatterns”配置

Question

我在 Next 14 中收到以下警告：

“images.domains”配置已弃用。请改用“images.remotePatterns”配置。

我的 next.config.js 有这个

images: {
  domains: ['res.cloudinary.com'],
  remotePatterns: [
    {
      protocol: "https",
      hostname: "**",
    },
  ],
}

如果我从那里删除域，则会收到错误：

`next/image`，主机名“res.cloudinary.com”未在“next.config.js”中的图像下配置

Answer 1

在 Next.js 版本 14 中，域配置已被弃用，取而代之的是 RemotePatterns。这可以在 next.config.js 文件中定义。

这是 Next.js 文档的参考：remotePatterns

在您的代码片段中，按照您所描述的方式删除域配置后，您似乎混淆了remotePatterns配置中的值，因为您已将主机名值设置为通配符'**'而不是实际的主机名'res.cloudinary.com'，因此错误主机名“res” .cloudinary.com”未配置。

尝试这样做：

 images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'res.cloudinary.com',
        pathname: '**',
      },
    ],
  },