javascript - 为什么我在 Next.js 中得到这个？具有无效的“imagesrcset”值

Question

我在轮播中有图像：

<Image
  src={`http://ticket-t01.s3.eu-central-1.amazonaws.com/${props[organizationId].events[programId].imgId}_0.cover.jpg`}
  className={styles.carouselImage}
  layout="responsive"
  width={865}
  height={513}
  key={`${props[organizationId].events[programId].imgId}`}
  priority={true}
/>

我认为一切src都设置得很好，因为图像是可见的、渲染的。那么问题是什么？

我在控制台中看到了这个：

具有无效的“imagesrcset”值

Answer 1

已向 Safari 提交了一个错误，这似乎是唯一抱怨的浏览器。

我认为您可以放心地忽略此错误。

Answer 2

你应该把它添加到你的 next.config.js 文件中

module.exports = {
  images: {
    domains: ["amazonaws.com"],
  },
}

来自文档：

要为托管在外部网站上的图像启用图像优化，请使用图像 src 的绝对 url 并指定允许优化哪些域。这是确保不会滥用外部 URL 所必需的。

Answer 3

如果它是本地图像，您需要导入它，然后使用它

import dogImg from '../public/dog1.png'

<div>
<Image src={dogImg} />
</div>