图片标签未在第一次加载时显示图片 rails

Question

我正在尝试使用 bootstrap 在 rails 中创建轮播，并且我正在使用活动存储来保存图像。

我的问题是，当我第一次加载页面时，不是加载存储在 s3 存储桶中的图像，而是当我重新加载页面时，图像出现了。

我确认变量 img 是附加的图像。

这是我的代码：

_carrousel.html.erb

<div id="carouselExampleControls<%=property.id%>" class="carousel slide" data-bs-interval="false">
  <div class="carousel-inner">
      <% count = 0%>
      <% property.property_image.images.each do  |img| %>
        <div class="carousel-item <%= 'active' if count == 0 %> background-covr">
          <%= image_tag(img, class: "card-img-top d-block background-covr") %>
          <% count += 1 %>
        </div>
      <% end %>
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls<%=property.id%>" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls<%=property.id%>" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

有人可以帮我解释一下吗？

Answer 1

我能够解决这个问题。问题是 turbolinks。

我删除了 application.js 的 turbolink 并添加了这个库：

gem 'jquery-turbolinks'

问题已解决并继续使用 turbolink 的速度。

图片标签未在第一次加载时显示图片 rails

Image tag not is showing the images in the first load rails

ruby

ruby-on-rails

image

rails-activestorage