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
相关产品推荐
相关产品推荐

