即使设置了remotePatterns，也未在next.config.js中的images下配置Next.js主机名

a6b3iqyw 于 2023-06-22 发布在其他

关注(0)|答案(1)|浏览(170)

Next.JS 13.3.1似乎没有找到我的next.config.js文件的以下部分：

images: {
    remotePatterns: [
      {
        protocol: "https",
        hostname: "s3-eu-central-1.amazonaws.com",
        port: "",
        pathname: "/mycompany-data-bucket-dev/**",
      },
    ],
  },

我得到以下错误，其中令人惊讶地提到了与我的配置相同的协议和主机名：

Error: Invalid src prop (https://s3-eu-central-1.amazonaws.com/mycompany-data-bucket-dev/media/images/default-female/default-female-500-500.jpg) on `next/image`, hostname "s3-eu-central-1.amazonaws.com" is not configured under images in your `next.config.js`
See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host

我重新启动了本地开发服务器并仔细检查了错误消息。我的应用程序在localhost:3000上运行。
如何进一步调查这个问题？例如，是否可以在运行时打印我的Next.JS配置，然后再引发错误？

next.js

来源：https://stackoverflow.com/questions/76164057/next-js-hostname-not-configured-under-images-in-next-config-js-even-though-remot

1条答案

按热度按时间

vlurs2pr1#

假设现在为时已晚，但我在NextJS 13.4.2中遇到了类似的问题。我的例子中的图片链接类似于'https：//s3.us-east-2.amazonaws.com/assets/1fad3d7c-d5bd.jpeg'，它是通过这样的next.config.js配置解析的：

/** @type {import('next').NextConfig} */
const nextConfig = {
  // ...
  images: {
    remotePatterns: [{
      protocol: 'https',
      hostname: 's3.us-east-2.amazonaws.com',
      port: '',
      pathname: '/assets/**'
    }]
  },
  // ...
};

module.exports = nextConfig;

赞(0）回复(0）举报 2023-06-22

我来回答

即使设置了remotePatterns，也未在next.config.js中的images下配置Next.js主机名

1条答案

相关问题

热门标签

最新问答