无法在 Reactjs 中加载图像答案

【问题标题】：Unable to load image in Reactjs无法在 Reactjs 中加载图像
【发布时间】：2022-08-19 14:31:58
【问题描述】：

我正在使用 Reactjs（Nextjs 框架），我正在尝试在页面中显示图像但没有显示，我不想在图像标签中使用 \"height\" 和 \"width\" 属性，我尝试使用以下代码但图像未显示

<Image src=\"/../public/img/services-02.jpg\" className=\"card-img\" alt=\"Card image\" layout=\"fill\"/>

我也尝试使用以下代码，图像正在显示，但我不想使用 \"Height\" 和 \"width\"

<Image src=\"/../public/img/services-02.jpg\" className=\"card-img\" alt=\"Card image\" width={50}
        height={50}/>

【解决方案1】：

尝试使用相对路径：

<Image src="/img/services-02.jpg" className="card-img" alt="Card image" width={50} height={50}/>

【讨论】：