You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Next.js Image组件报错:/blogs/doraemon.jpeg缺失width属性求助

问题原因

报错指向的是路径/blogs/doraemon.jpeg的图片,但你提供的Logo组件中使用的是@/public/doraemon.png,说明项目中其他位置存在引用/blogs/doraemon.jpeg的Next.js Image组件,且该组件未正确配置width/height或fill属性。

你当前修改的Logo组件使用import方式引入本地图片,Next.js会自动从图片文件中提取宽高信息,所以这个组件本身不会触发该报错。

解决建议
  • 全局搜索项目代码,找到所有引用/blogs/doraemon.jpeg的Image组件实例。
  • 针对找到的组件,补充必填属性:
    • 若使用固定尺寸:添加width和height属性,值为图片实际像素尺寸。
    • 若需要自适应父容器:给父元素设置position: relative,同时给Image组件添加fill={true}属性,并配合objectFit(如objectFit="cover")控制图片显示方式。
  • 如果你已经将图片转为png格式,建议把所有旧的.jpeg路径引用替换为.png,避免残留的无效引用。

内容的提问来源于stack exchange,提问作者doraemon

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.23 10:09:50