【rails】Carrierwaveで複数画像表示ができません。解決方法を教えてください。

Question

発生している問題・エラーメッセージ

現在Rubyにてレシピサイトを作成しております。
Recipeテーブルの子テーブルとしてHowToMakeを用意し、
そこに料理工程の画像のデータ(カラム：process_image)を保存できるようにしています。
（CarrierWaveを使用）
しかし、投稿したレシピには画像が表示されません。
解決方法を教えてください。
（HowToMakeテーブルの他データ(テキスト)やRecipeテーブルの画像は正常に表示されます。）

※エラーメッセージは表示されていません。

該当のソースコード

recipes/show.html.erb

<% @how_to_makes.each do |process| %>
  <%= image_tag process.process_image.url if process.process_image? %>
  <%= safe_join(process.explanation.split("\n"),tag(:br)) if process.explanation      <% end %>

explanation(料理の作り方説明文)は表示されますが、process_imageが表示されません。

###他関連ソースコード
recipe.rb

  has_many :how_to_makes, dependent: :destroy
  accepts_nested_attributes_for :how_to_makes, allow_destroy: true

how_to_make.rb

belongs_to :recipe
mount_uploaders :process_image, ProcessImageUploader

recipes_controller

def show
  @recipe = Recipe.find(params[:id])
  @how_to_makes = @recipe.how_to_makes.all
end


private

def recipe_params
  params.require(:recipe).permit(:title, :catchcopy, :no_of_dish, :image, 
                                  how_to_makes_attributes:[:id, :explanation, {process_image: []}, :_destroy])
end

#####試したこと
recipe_params内の{process_image: []}のように、配列にしてみましたが変化ありません。
そのままprocess_imageでも同様です。

process_image_uploader.rb

class ProcessImageUploader < CarrierWave::Uploader::Base
  # Include RMagick or MiniMagick support:
  # include CarrierWave::RMagick
  include CarrierWave::MiniMagick

  # Choose what kind of storage to use for this uploader:
  storage :file
  # storage :fog

  # Override the directory where uploaded files will be stored.
  # This is a sensible default for uploaders that are meant to be mounted:
  def store_dir
    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
  end

  # Provide a default URL as a default if there hasn't been a file uploaded:
  # def default_url(*args)
  #   # For Rails 3.1+ asset pipeline compatibility:
  #   # ActionController::Base.helpers.asset_path("fallback/" + [version_name, "default.png"].compact.join('_'))
  #
  #   "/images/fallback/" + [version_name, "default.png"].compact.join('_')
  # end

  # Process files as they are uploaded:
  # process scale: [200, 300]
  #
  # def scale(width, height)
  #   # do something
  # end
  
  process resize_to_fill: [100, 100, "Center"]

  # Create different versions of your uploaded files:
  # version :thumb do
    # process resize_to_fit: [50, 50]
  # end

  # Add a white list of extensions which are allowed to be uploaded.
  # For images you might use something like this:
  def extension_whitelist
    %w(jpg jpeg gif png)
  end

  # Override the filename of the uploaded files:
  # Avoid using model.id or version_name here, see uploader/store.rb for details.
  # def filename
  #   "something.jpg" if original_filename
  # end
end

recipes/new.html.erb

<%= form_with(model: @recipe, local: true) do |f| %>   
  <div class="form-group mt-2">
    <%= f.fields_for :how_to_makes, :html => { multipart: true } do |k| %>
      <%= render "recipes/how_to_make_fields", f: k %>
    <% end %>
  </div>
    
  <div id="detail-association-insertion-point2"></div>
    
    
  <div class="col-10 mx-auto">
    <%= link_to_add_association "+フォームを追加", f, :how_to_makes,
      class: "btn btn-secondary btn-block",
      data: {
      association_insertion_node: '#detail-association-insertion-point2',
      association_insertion_method: 'after'
      }%>
  </div>
  <div class="col-10 mx-auto">
    <%= f.submit 'レシピ投稿！', class: 'mt-2 btn btn-secondary btn-block' %>
  </div>
<% end %>

フォームを追加する形で複数画像投稿できるようにしています。

recipes/_how_to_make_fields.html.erb

<div class="nested-fields">
  <div class="row">
    <div class="col-5"><%= f.text_area :explanation, class: "form-control", placeholder: "説明" %></div>
    <div><%= f.file_field :process_image, multiple: true %></div>
    <div class="col-1 px-0 w-auto">
      <%= link_to_remove_association "削除", f, class: "btn btn-secondary btn-block" %>
    </div>
  </div>
</div>

補足情報

投稿した画像はpublic/uploads/how_to_make/process_image/id下に保存されています。

Answer 1

Carrierwaveで複数画像を扱ったことがないので合っているのかわからないのですがeachで回す必要があるのでは？

<% @how_to_makes.each do |process| %>
  <% process.process_image.each do |image| %>
    <%= image_tag image.url if image.present? %>
  <% end %>
<% end %>

Comments

[退会済みユーザー]

ありがとうございます！
試してみましたが、NoMethodErrorが出ました。
undefined method `image?' for #<#<Class:0x00007f41042c8020>:0x00007f40f164ee50>
とのことです。

また、もう一つのカラムexplanation(string)は、正常に表示されます。

```ruby
<% @how_to_makes.each do |process| %>
<%= image_tag process.process_image.url if process.process_image? %>
<%= safe_join(process.explanation.split("\n"),tag(:br)) if process.explanation?%>
<% end %>
```

[退会済みユーザー]

<%= image_tag image.url if image.present? %> です!
書き間違えました。

[退会済みユーザー]

ありがとうございます！
<% @how_to_makes.each do |process| %>
　<%= image_tag process.process_image.url if process.process_image? %>
<% end %>

と同様で、エラー表示されませんが、画像のみ表示されません。。。