Rails7+Devise：未登录用户无法渲染含SVG的Partial问题

一、先简化条件判断逻辑 #

首先把_event.html.erb里的两个独立if判断改成if-else结构，避免逻辑冗余可能带来的隐性问题：

<div class="heart-container">
  <% if user_signed_in? %>
    <div id="<%= dom_id event %>">
      <%= render "events/favorite-link", event: event %>
    </div>
  <% else %>
    <%= render "events/heart-signup", event: event %>
  <% end %>
</div>

二、核心排查步骤 #

1. 确认未登录时是否生成了SVG的HTML代码

打开浏览器开发者工具（F12），查看页面源代码：

• 如果能找到heart-container下的SVG标签：说明渲染逻辑没问题，问题出在CSS样式上。检查以下几点：
  • 确认w-6 h-6这类Tailwind类是否正常加载，如果Tailwind未正确引入，SVG会因无尺寸而不可见；
  • 检查fill="#000000"、fill-opacity="0.5"、stroke="#f2f2f2"是否和页面背景色冲突，导致SVG视觉上“消失”；
  • 查看heart-container的CSS属性，是否存在display: none、visibility: hidden等隐藏规则。
• 如果找不到SVG标签：说明渲染逻辑未触发，继续排查：
  • 在_event.html.erb中临时添加<%= user_signed_in?.inspect %>，确认未登录时是否返回false，排除Devise辅助方法失效的问题；
  • 检查_heart-signup.html.erb的路径是否正确：必须放在app/views/events/目录下，文件名拼写（连字符、下划线、大小写）完全匹配。

2. 排查Turbo渲染干扰

Rails 7默认启用Turbo，可能存在缓存或渲染优先级问题：

• 临时在索引页的容器上添加data-turbo="false"测试：

  <div class="event-list-wrapper" data-turbo="false">
    <% @events.upcoming_events.each do |event| %>
      <%= render "event", event: event %>
    <% end %>
  </div>
  

• 清除浏览器缓存后重新加载页面，排除Turbo缓存导致的旧内容残留。

3. 验证Partial本身的可用性

直接在_event.html.erb的else分支里写死SVG代码，替代partial渲染：

<% else %>
  <svg 
    xmlns="http://www.w3.org/2000/svg" 
    fill="#000000" 
    fill-opacity="0.5" 
    viewBox="0 0 24 24"
    stroke-width="1.2" 
    stroke="#f2f2f2" 
    class="w-6 h-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
  </svg>
<% end %>

如果这样能正常显示，说明_heart-signup.html.erb的路径或文件本身存在问题，重新检查文件命名和位置。

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