file_fieldで作成したボタンを押しても反応がなく、画像を選択できない

Question

解決したいこと

Ruby on railsで画像投稿アプリを作成しています。
Active strageを用いた画像投稿機能を実装しており、必要な記述は記載して
画像を選択するボタンをクリックしても画像が選択できないという事象が
起きています。
解決方法を教えていただきたいです。

発生している問題・エラー

カーソルの当たっているボタンを押しても何も反応がありません。

該当するソースコード

Rails.application.routes.draw do
  devise_for :cliants, controllers: {
    sessions:      'cliants/sessions',
    passwords:     'cliants/passwords',
    registrations: 'cliants/registrations'
  }
  devise_for :trainers, controllers: {
    sessions:      'trainers/sessions',
    passwords:     'trainers/passwords',
    registrations: 'trainers/registrations'
  }
  root to: 'posts#index'
  resources :posts, only: [:new, :create]
end

class PostsController < ApplicationController
  def index
  end

  def new
    @post = Post.new
  end

  def create
    @post = Post.new(post_params)
    if @post.save
      redirect_to root_path
    else
      render :new
    end
  end

  private

  def post_params
    params.require(:post).permit(:title, :today, :explanation, :image).merge(cliant_id: current_cliant.id)
  end
end

class Post < ApplicationRecord
  belongs_to :cliant
  has_one_attached :image

  with_options presence: true do
    validates :title
    validates :today
    validates :explanation
    validates :image
  end
end

<%= form_with model: @post, local: true do |f| %>
  <div class="field">
    <%= f.label :title, "タイトル" %><br />
    <%= f.text_field :title, id: "posts_title" %>
  </div>

  <div class="field">
    <%= f.label :date, "投稿日" %><br />
    <%= f.date_select :date, id: "posts_date" %>
  </div>

  <div class="field">
    <%= f.label :explanation, "説明文" %><br />
    <%= f.text_area :explanation, class: :form_text, id: "posts_explanation" %>
  </div>

  <div class="field">
    <%= f.label :image, "食事写真" %><br />
    <%= f.file_field :image , id:"posts_image" %>
  </div>

  <div class="actions">
    <%= f.submit "保存する", class: :form_btn %>
  </div>
<% end %>

# This migration comes from active_storage (originally 20170806125915)
class CreateActiveStorageTables < ActiveRecord::Migration[5.2]
  def change
    create_table :active_storage_blobs do |t|
      t.string   :key,        null: false
      t.string   :filename,   null: false
      t.string   :content_type
      t.text     :metadata
      t.bigint   :byte_size,  null: false
      t.string   :checksum,   null: false
      t.datetime :created_at, null: false

      t.index [ :key ], unique: true
    end

    create_table :active_storage_attachments do |t|
      t.string     :name,     null: false
      t.references :record,   null: false, polymorphic: true, index: false
      t.references :blob,     null: false

      t.datetime :created_at, null: false

      t.index [ :record_type, :record_id, :name, :blob_id ], name: "index_active_storage_attachments_uniqueness", unique: true
      t.foreign_key :active_storage_blobs, column: :blob_id
    end
  end
end

自分で試したこと

・ActiveStorageやmini-magick等gemのインストールがうまくいってないのでは
・ActiveStorageの導入に必要な記述の誤字などがないか
等思いつくことは試してみましたがうまくいかず、どなたかお力をお貸し
いただきたいです、、、
宜しくお願いいたします。

Comments

[neko_daisuki]

画像が表示されません。

ブラウザの開発者ツールのコンソールにエラーは出ていませんか？