Rails 7中image_tag报错，但原生<img>标签可正常渲染问题排查

核心触发点：image_tag的严格空值校验 #

Rails内置的image_tag辅助方法会强制校验传入的路径参数——如果参数是nil，直接抛出Nil location provided. Can't build URI.错误；而原生<img>标签对空值的处理宽松得多：服务器端渲染时即使src值为nil，只会输出<img src>，不会触发服务器报错，浏览器会自行处理（通常显示空白或破碎图标）。

具体场景排查 #

1. 列表中存在无关联Image的Movie：你的电影列表里大概率有部分Movie没有关联对应的Image记录，此时movie.image为nil，调用movie.image.url会返回nil，传给image_tag就触发了校验错误；而预览视图（preview）用的是已关联Image的测试数据，所以没出现问题。
2. Image记录的URL字段为空：即使Movie关联了Image，但Image的URL字段是空值，movie.image.url返回nil，同样会触发image_tag的错误。

修复方案 #

方案1：添加空值判断+默认图片 #

在视图里直接处理空值，给无图片的电影设置默认占位图：

<%= image_tag movie.image.present? ? movie.image.url : '/assets/default-poster.png' %>

方案2：使用安全导航操作符（Ruby 2.3+） #

用&.确保只有movie.image存在时才调用url，同时搭配默认值避免image_tag接收nil：

<%= image_tag movie.image&.url || '/assets/default-poster.png' %>

方案3：模型层封装逻辑（更优雅） #

在Movie模型里添加一个方法统一处理图片URL的获取：

def display_image_url
  image&.url || '/assets/default-poster.png'
end

然后在视图里直接调用：

<%= image_tag display_image_url %>

关于esbuild的额外说明 #

因为预览视图能正常使用image_tag，esbuild的配置问题可能性极低，不用优先排查。

内容的提问来源于stack exchange，提问作者Mauricio