next.js - Nextjs Image "loader"属性未实现宽度的问题

Question

这是我的 Nextjs 图像组件代码:

...  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'}
  />

如果有效，请告诉我。
谢谢。