Nextjs Image 未实现宽度的“loader”属性的问题

Question

这是我的 Nextjs Image 组件的代码：

...  Cell: ({ value }: CellType) => (
  <Image
    priority
    src={value}
    loader={() => value}
    className={''}
    height={100}
    width={100}
    alt={'profile_picture'}
  />
),

这是否意味着我需要一个自定义加载程序函数来消除警告？谢谢！

Answer 1

我遇到了和你一样的问题，并通过unoptimized={true}在标签中添加 prop来解决<Image>。如果您不应用优化，则需要声明您不进行优化。
像下面这样：

<Image
    priority
    src={value}
    loader={() => value}
    unoptimized={true}  // <=== insert this prop
    className={''}
    height={100}
    width={100}
    alt={'profile_picture'}
  />

请让我知道它是否有效。
谢谢。