前提・実現したいこと
Ruby on Rails使って開発しています。
ruby '2.6.5'
gem 'rails', '~> 6.0.0'
gem 'mysql2', '>= 0.4.4'
非同期通信を用いた「いいね」機能の実装
具体的には
未「いいね」をクリックするとLikesテーブルにデータがcreateされます。
既「いいね」をクリックするとLikesテーブルのデータがdeleteされます。
これらの処理を非同期で行いたいです。
各モデルのアソシエーションは下記です。
app/models/user.rb
1 has_many :posts 2 has_many :comments 3 has_many :likes 4 5 def liked_by?(post_id) 6 likes.where(post_id: post_id).exists? 7 end
app/models/post.rb
1 belongs_to :user 2 has_many :likes, dependent: :destroy 3 has_many :comments, dependent: :destroy 4 has_one_attached :image
app/models/like.rb
1 belongs_to :user 2 belongs_to :post
likeテーブルにはシンプルにuser_idとpost_idのみ付与しています。
下記ルーティングです。
routes.rb
1Rails.application.routes.draw do 2 devise_for :users 3 root to: 'posts#index' 4 resources :users, only: [:show] 5 resources :posts, only: [:new, :create, :show, :edit, :update, :destroy] do 6 resources :comments, only: [:create] 7 end 8 post 'like/:id' => 'likes#create', as: 'create_like' 9 delete 'like/:id' => 'likes#destroy', as: 'destroy_like' 10end
likes_controller.rb
1class LikesController < ApplicationController 2 3 before_action :post_params 4 5 def create 6 Like.create(user_id: current_user.id, post_id: params[:id]) 7 end 8 9 def destroy 10 Like.find_by(user_id: current_user.id, post_id: params[:id]).destroy 11 end 12 13 private 14 15 def post_params 16 @post = Post.find(params[:id]) 17 end 18end 19
発生している問題・エラーメッセージ
ローカルサーバー上で出ているエラー文です
エラーメッセージ ActionView::Template::Error (Missing partial posts/_post with {:locale=>[:en], :formats=>[:js, :html, :text, :css, :ics, :csv, :vcf, :vtt, :png, :jpeg, :gif, :bmp, :tiff, :svg, :mpeg, :mp3, :ogg, :m4a, :webm, :mp4, :otf, :ttf, :woff, :woff2, :xml, :rss, :atom, :yaml, :multipart_form, :url_encoded_form, :json, :pdf, :zip, :gzip], :variants=>[], :handlers=>[:raw, :erb, :html, :builder, :ruby, :jbuilder]}. Searched in: * "/Users/name/projects/moovook/app/views" * "/Users/name/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/devise-4.7.3/app/views" * "/Users/name/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/actiontext-6.0.3.4/app/views" * "/Users/name/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/actionmailbox-6.0.3.4/app/views" ): 1: <%# alert('いいねを解除できている!'); %> 2: document.getElementById('post_<%= @post.id %>').innerHTML = '<%= j(render @post) %>' app/views/likes/destroy.js.erb:2
該当のソースコード
下記viewファイル
views/posts/_posts.html.erb
1<ul class="contents"> 2 <% @posts.each do |post| %> 3 <li class="content" id="post_<%= post.id %>"> 4 <%= link_to image_tag(post.image,size: '180x250'), post_path(post.id),method: :get %> 5 <div class="book-name"> 6 <%= post.book_name %> 7 </div> 8 <div class="category-name"> 9 <%= post.category.name %> 10 </div> 11 <div class="user-name"> 12 <%= post.user.name %> 13 </div> 14 <div id="like-btn-<%= post.id %>"> 15 </div> 16 <% if current_user.liked_by?(post.id) %> 17 <td><%= link_to 'いいね外す', destroy_like_path(post), method: :DELETE, remote: true %> <%= post.likes.count %></td> 18 <% else %> 19 <td><%= link_to 'いいねする', create_like_path(post), method: :POST, remote: true %> <%= post.likes.count %></td> 20 <% end %> 21 </li> 22 <% end %> 23</ul>
views/posts/index.html.erb
1<div class="wrap"> 2 <%= render "posts" %> 3</div>
下記js.erbファイル
views/likes/create.js.erb
1document.getElementById('post_<%= @post.id %>').innerHTML = '<%= j(render @post) %>'
views/posts/destroy.js.erb
1document.getElementById('post_<%= @post.id %>').innerHTML = '<%= j(render @post) %>'
試したこと
テンプレートのエラーだと思い、<li class="content" id="post_<%= post.id %>">から下層のコードをindex.hyml.erbに外部テンプレートとして呼び出したりしましたが、エラー分は変わりませんでした。
コンソールを見ると、node.jsの方でエラーが起きていたりするので、単純にrailsのバージョンの問題でしょうか...
恐れ入りますがご回答いただけると幸いです...
補足情報(FW/ツールのバージョンなど)
下記のブログを参考にいいね機能の実装をしていました。
あなたの回答
tips
プレビュー