form_withのcreateアクションが反応しない

Question

前提・実現したいこと

Ruby on rails 5.2.3
演奏会情報を投稿するシステムを作っています。

ConcertとMusicのモデルについて、Programの中間テーブルを作り多対多の関係づけをし、
一つのConcertの投稿に複数の曲（Music）を登録して投稿できるフォームを実装しようとしていました。

登録する曲の数を動的に変えられるようにしたいため、cocoon（1.2.14）を使用しています。

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

createアクションが反応しなくなりました

該当のソースコード

_form.html.erb

<%= render 'shared/error_messages' %>

<%= form_with model: concert do |f| %>

    <div class="form-group">
      <%= f.label :name, 'コンサート名' %>
      <%= f.text_field :title, class: 'form-control' %>
    </div>

    <div class="form-group">
    <%= f.label :datetime, '開催日' %>
    <%= f.datetime_select :datetime, class: 'form-control' %>
  　</div>
  
    <div class="form-group">
     <%= f.label :venue, '会場' %>
     <%= f.text_field :venue, class: 'form-control' %>
    </div>

    <div class="form-group">
     <%= f.label :pr_comment, 'PRコメント' %>
     <%= f.text_area :pr_comment, class: 'form-control' %>
    </div>

    <div class="form-group">
      <label>曲目</label>
      <%= f.fields_for :program do |builder| %>
        <%= render 'program_fields', f: builder %>
        <div id="links">
        <%= link_to_add_association "曲を追加", f, :programs, class: 'btn btn-secondary' %>
      <% end %>
    </div>
    
  <%= f.submit '保存', class: 'btn btn-primary' %>
  <% end %>

_program_fields.html.erb

<div class="nested-fields form-inline">

<%= f.fields_for :music do |m| %>

    <div class="form-group">
    <%= m.label :曲名 %>
    <%= m.text_field :title, class: 'form-control' %>
    </div>
    
    <div class="form-group">
    <%= m.label :作曲家 %>
    <%= m.text_field :composer, class: 'form-control' %>
    </div>

<% end %>
    <%= link_to_remove_association '削除', f, class: 'btn btn-danger' %>
    
</div>

# == Schema Information
#
# Table name: concerts
#
#  id         :bigint           not null, primary key
#  datetime   :datetime
#  pr_comment :text(65535)
#  title      :string(255)
#  venue      :string(255)
#  created_at :datetime         not null
#  updated_at :datetime         not null
#  user_id    :bigint
#

class Concert < ApplicationRecord
  belongs_to :user
  has_many :music, through: :program
  has_many :program, dependent: :destroy
  accepts_nested_attributes_for :program, allow_destroy: true

end

# == Schema Information
#
# Table name: musics
#
#  id         :bigint           not null, primary key
#  composer   :string(255)      not null
#  title      :string(255)      not null
#  created_at :datetime         not null
#  updated_at :datetime         not null
#

class Music < ApplicationRecord
    has_many :program, dependent: :destroy
    has_many :concert, through: :program
  
end

# == Schema Information
#
# Table name: programs
#
#  id         :bigint           not null, primary key
#  created_at :datetime         not null
#  updated_at :datetime         not null
#  concert_id :bigint
#  music_id   :bigint

class Program < ApplicationRecord
  belongs_to :concert
  belongs_to :music
end

class ConcertsController < ApplicationController
    def new
        @concert = Concert.new(flash[:user])
        @program = @concert.program.build
      end

    def create
        concert = Concert.new(concert_params)

        if concert.save
          redirect_to @concert
        else
          redirect_back fallback_location: concerts_path, flash: {
            concert: concert,
            error_messages: concert.errors.full_messages  
          }
        end
    end

    def index
      @concerts = Concert.all.order(created_at: :desc)
    end

    def show
      @concert = Concert.find_by(id: params[:id])
    end

    private

    def concert_params
      params.require(:concert).permit(:datetime, :title, :venue,program_attributes:[:id, :concert_id, :music_id, :_destroy, music_attribute:[:title, :composer, :_destroy]])
    end
end

試したこと

出力されたhtmlを見て、f.submitがきちんとform要素の中にいるのは確認しました
エラーメッセージも出ないので.saveする時点でこけてるような気がしますが、原因がわかりません……。

###追記

###pry-byebugの出力内容
Started GET "/concerts/new" at 2020-02-04 06:11:55 +0000
Cannot render console
Processing by ConcertsController#new as HTML
User Load (0.7ms) SELECT users.* FROM users WHERE users.id = 3 LIMIT 1
↳ app/controllers/application_controller.rb:9
Rendering concerts/new.html.erb within layouts/application
Rendered shared/_error_messages.html.erb (0.4ms)
Rendered concerts/_program_fields.html.erb (1.9ms)
Rendered concerts/_program_fields.html.erb (1.8ms)
Rendered concerts/_form.html.erb (44.1ms)
Rendered concerts/new.html.erb within layouts/application (55.6ms)
Rendered application/_header.html.erb (1.3ms)
Completed 200 OK in 476ms (Views: 413.0ms | ActiveRecord: 4.8ms)

Started POST "/concerts"
Cannot render console
Processing by ConcertsController#create as JS
Parameters: {"utf8"=>"✓", "authenticity_token"=>"+1nH06/4mrERyuUTB7RQBURNbfDpxiEIei15iRSMb3UnAiYbZhBH6uDnjKHYDxgTGbAJ8frWsI8PqZp5KXM+Zw==", "concert"=>{"title"=>"演奏会名１", "datetime(1i)"=>"2020", "datetime(2i)"=>"2", "datetime(3i)"=>"4", "datetime(4i)"=>"06", "datetime(5i)"=>"11", "venue"=>"会場１", "pr_comment"=>"コメント１", "program_attributes"=>{"0"=>{"music"=>{"title"=>"曲名１", "composer"=>"作曲家名１"}, "_destroy"=>"false"}, "1580796739696"=>{"music"=>{"title"=>"曲名２", "composer"=>"作曲家名２"}, "_destroy"=>"false"}}}, "commit"=>"保存"}
User Load (0.9ms) SELECT users.* FROM users WHERE users.id = 3 LIMIT 1
↳ app/controllers/application_controller.rb:9
Unpermitted parameter: :music
Unpermitted parameter: :music

From: /app/app/controllers/concerts_controller.rb @ line 17 ConcertsController#create:

11: def create
12:     concert = Concert.new(concert_params)
13: 
14:     binding.pry
15: 
16: 

=> 17: if concert.save
18: redirect_to @concert
19: else
20: redirect_back fallback_location: concerts_path, flash: {
21: concert: concert,
22: error_messages: concert.errors.full_messages
23: }
24: end
25: end

[1] pry(#<ConcertsController>)> concert_params
Unpermitted parameter: :music
Unpermitted parameter: :music
=> <ActionController::Parameters {"datetime(1i)"=>"2020", "datetime(2i)"=>"2", "datetime(3i)"=>"4", "datetime(4i)"=>"06", "datetime(5i)"=>"11", "title"=>"演奏会名１", "venue"=>"会場１", "pr_comment"=>"コメント１", "program_attributes"=><ActionController::Parameters {"0"=><ActionController::Parameters {"_destroy"=>"false"} permitted: true>, "1580796739696"=><ActionController::Parameters {"_destroy"=>"false"} permitted: true>} permitted: true>} permitted: true>
[2] pry(#<ConcertsController>)>

Answer 1

非同期通信を想定していないのであればlocal: trueが必要です。

<%= form_with model: concert, local: true do |f| %>

Comments

[midoriya]

回答ありがとうございます。
local: trueを追加してみましたが改善せず、他にも問題があるようです…。

[rhiroe]

if concert.save
redirect_to @concert

の @concert はどこでも用意されてないのでおそらく nil です。
なので現在のページにリダイレクトされています。
だから画面遷移してないと勘違いされているのでは？

[rhiroe]

@concert = Concert.new(concert_params)

のようにレコードをインスタンス変数に代入すれば意図する動きになると思います。

Answer 2

redirect_to @concert

の @ がいらないのでは？

Comments

[midoriya]

ご指摘ありがとうございます。
試してみましたが相変わらず反応がありませんでした…。

[mypt]

反応がないっていうのは画面遷移も起きないってことですか？
Rails コンソール出力内容を貼って欲しいです

画面遷移が起きてて create 内容が表示されないということであれば
save に成功したらリダイレクト先は show なので show の @concertt = のスペルミスのせいかな…

[midoriya]

質問の手際が悪くすみません。
pry-byebugの出力内容を追記しました。

モデル名がいくつか複数形になっていたので、
そこを修正すると画面遷移が起き、●●を入力してくださいの空欄エラー表示は出るようになりました。

[mypt]

●●を入力してくださいの●●が重要なので教えてほしいです

とりあえず unpermitted_parameter がでてるので
ストロングパラメータに
music_attribute:[:music, ... は必要みたいですね

[midoriya]

エラーはProgram musicを入力してくださいと出ています。
中間テーブルのProgramにMusicのidが渡っていなさそうです。

ご指摘を受けた受け取り側のストロングパラメータにmusic_attribute:[:music, ... を加えてみましたが同じエラー表示が出ました。
モデル同士のリレーションの問題でしょうか…？

[mypt]

strong parameter で弾かれててモデル作成時に値が渡ってないのが原因だと思うので、とりあえず Unpermitted parameter: は潰す必要があります。
ビューの書き方があってるんだとすれば飛んできてるパラメータからして
program_attributes:[{id:{ music: [:title, :composer]}}, _destroy]　となるのかな…
ストロングパラメータの書き方が複雑でちょっと自信ないです。
music_attribute　っていうキーは飛んでくるパラメータに入ってないので、ストロングパラメータの型と実際にフォームから飛んでくるパラメータの型を一致させないと　Concert.new(concert_params)　で値を渡せません

[midoriya]

ストロングパラメータの型がおかしかったようです。
結果的にもっと煩雑にならずに値を受け渡せるようモデルの構造自体をみなおすことになりました。
ありがとうございました。