Ruby 非同期「登録&解除ボタン」No templateでエラーがでる

Question

rails で非同期で登録部分を作っています。

ボタン状態：登録
↓　登録ボタン押す（createされるがレンダリングされない）　※ここが問題点
リロード
↓
ボタン状態：解除
↓　解除ボタン押す（destroyされるがレンダリングされない）　※ここが問題点
リロード
↓
ボタン状態：登録

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

createした時

No template found for UserLessonRelationsController#create, rendering head :no_content

destroyした時

No template found for UserLessonRelationsController#destroy, rendering head :no_content

routes.rb

Rails.application.routes.draw do
  resources :lessons, only: [:index] do
    resources :user_lesson_relations, only: [:create, :destroy]
  end
end

model

lesson.rb

class Lesson < ApplicationRecord
  has_many  :user_lesson_relations, dependent: :destroy
  has_many  :users, through: :user_lesson_relations
end

user_lesson_relation.rb

class UserLessonRelation < ApplicationRecord
  belongs_to :user
  belongs_to :lesson

  validates :user_id, presence: true
  validates :lesson_id, presence: true
end

controller

lessons_controller.rb

class LessonsController < ApplicationController

  def index
    @lessons = Lesson.all
  end

end

user_lessons_relations_controller.rb

class UserLessonRelationsController < ApplicationController
  before_action :set_variables

  def create
    @user_lesson_relation = UserLessonRelation.create(lesson_id: @lesson.id, user_id: current_user.id)
  end

  def destroy
    @user_lesson_relation = UserLessonRelation.find_by(lesson_id: @lesson.id)
    if @user_lesson_relation.user_id != current_user.id
      return redirect_to root_path
    else
      @user_lesson_relation.destroy
    end
  end

  private

    def set_variables
      @lesson = Lesson.find(params[:lesson_id])
      @id_name = "#lesson_register_buttons_#{@lesson.id}"
    end

end

###View
app/views/lessons/index.html.erb

<div class="lessons-wrapper">
  <% @lessons.each do |lesson| %>
    <div class="lesson-btn-wrapper" id="lesson_register_buttons_<%= lesson.id %>">
       <%= render partial: 'lessons/user_lesson_relations/lesson_registration', locals: { lesson: lesson} %>
    </div>
  <% end %>
</div>

app/views/lessons/user_lesson_relations/_lesson_registration.html.erb

<% if UserLessonRelation.exists?(user_id: current_user.id, lesson_id: lesson.id) %>
  <%= button_to "解除", lesson_user_lesson_relation_path(lesson.id, lesson.id), method: :delete, class:"buy-btn remove-lesson-btn" %>
<% else %>
  <%= button_to "登録", lesson_user_lesson_relations_path(lesson.id), method: :post, class:"buy-btn" %>
<% end %>

app/views/lessons/user_lesson_relations/create.js.erb
app/views/lessons/user_lesson_relations/destroy.js.erb

$('<%= @id_name %>').html("<%= j(render partial: 'user_lesson_relations/lesson_registration', locals: {lesson: @lesson}) %>");

試したこと

ルーティングがネスト構造になっているため、viewファイルの位置がおかしいのかと思い、フォルダー作ったり、ファイルを移動させたりしたのですが、解決できませんでした。。。

Answer 1

action create,delete が終わった時、無指定だと create.html.*、delete.html.*を使おうとします。
lessonsのindexに戻りたいのでしょうか？
でしたら　
@lessons = Lesson.all render controller: :lessons, adtion: :index
としてください。

ごめん、非同期か
ですと　上のではなく
app/views/user_lesson_relations/create.js.erb
app/views/user_lesson_relations/destroy.js.erb
に画面書き直しを書いてください

ルーティングがネスト構造になっているかどうかには関係なく、
contollerの名前に基づく dirにviewファイルを置きます

Comments

[kkbeams]

app/views/user_lesson_relations/create.js.erb
app/views/user_lesson_relations/destroy.js.erb
app/views/user_lesson_relations/_lesson_registration.html.erb
という形にして、partialもそれぞれ

partial: 'user_lesson_relations/lesson_registration'

としたのですが、同じエラーになります。。

[winterboum]

同じエラー とは 「同じような」ですか「エラーメッセージが全く一字も変わらず同じ」ですか？

[kkbeams]

createすると

ActionController::UnknownFormat (UserLessonRelationsController#create is missing a template for this request format and variant.

こうなってしまいます。。

[winterboum]

create.jsが見つからないのか、partialが見つからないのか、partialの内容に問題があってあたかもtemplateが見つからないかのごとくなのか切り分けましょう。
1. partial の中を空にしてやってみる
2. create の中身を空にしてやってみる
これでやるとどう変わりますか？

[kkbeams]

createの中身を消しても同じエラーが出て、createが呼び出されてないんだなと思って、partial内にremote: true を加えたら非同期で反応しました！

winterboumさんのおかげで解決できました！他にも知見が得られたので非常にありがたいです！