为啥我不能在 next/image 中将字符串传递给 src？

Posted 2023-03-06

【中文标题】为啥我不能在 next/image 中将字符串传递给 src？

【英文标题】：Why can't I pass a string to src in next/image?为什么我不能在 next/image 中将字符串传递给 src？

【发布时间】：2021-09-29 08:06:19

【问题描述】：

我已经导入图片如下：import Image from "next/image";

错误：

Type ' src: string; ' is not assignable to type 'IntrinsicAttributes & ImageProps'.
  Type ' src: string; ' is not assignable to type 'ObjectImageProps'.
    Types of property 'src' are incompatible.
      Type 'string' is not assignable to type 'StaticImport'.ts(2322)

它似乎只接受导入的图像，即使我传递给src 的字符串是本地路径。

编辑：因为是本地路径，如何动态导入，然后传入图片？

【问题讨论】：

这有帮助吗？ ***.com/questions/68148204/…

@Toxnyc 我编辑了我的问题。

【参考方案1】：

当您将string 作为src 传递时，您需要提供height 和width 道具也是如此

例子：

<Image
    src='/image.png'
    width=200
    height=200
 />