コメントを保存したいがルーティングエラーが発生して保存できない。

Question

前提・実現したいこと

commentを保存したい。

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

Routing Error
No route matches [POST] "/prototypes/12"

該当のソースコード

app/views/prototypes/show.html

<main class="main">
  <div class="inner">
    <div class="prototype__wrapper">
      <p class="prototype__hedding">
        <%= @prototype.title %>
      </p>
      <%= link_to "by #{@prototype.user.name}", root_path, class: :prototype__user %>
      <%# プロトタイプの投稿者とログインしているユーザーが同じであれば以下を表示する %>
      <% if user_signed_in? && current_user.id == @prototype.user_id %>
        <div class="prototype__manage">
          <%= link_to "編集する", edit_prototype_path(@prototype.id), class: :prototype__btn %>
          <%= link_to "削除する", prototype_path, class: :prototype__btn, method: :delete%>
        </div>
      <% end %>
      <%# // プロトタイプの投稿者とログインしているユーザーが同じであれば上記を表示する %>
      <div class="prototype__image">
        <%= image_tag @prototype.image %>
      </div>
      <div class="prototype__body">
        <div class="prototype__detail">
          <p class="detail__title">キャッチコピー</p>
          <p class="detail__message">
            <%= @prototype.catch_copy %>
          </p>
        </div>
        <div class="prototype__detail">
          <p class="detail__title">コンセプト</p>
          <p class="detail__message">
            <%= @prototype.concept %>
          </p>
        </div>
      </div>
      <div class="prototype__comments">
        <%# ログインしているユーザーには以下のコメント投稿フォームを表示する %>
        <% if user_signed_in? %>
           <%= form_with local: true  do |f|%>
            <div class="field">
               <%= f.label :text, "コメント" %><br />
               <%= f.text_field :text %>
            </div>
            <div class="actions">
               <%= f.submit "送信する", class: :form__btn  %>
            </div>
            <% end %> 
          <% end %>
        <%# // ログインしているユーザーには上記を表示する %>
        <ul class="comments_lists">
          <%# 投稿に紐づくコメントを一覧する処理を記述する %>
            <li class="comments_list">
               <%= " コメントのテキスト "%>
               <%= link_to "（ ユーザー名 ）", root_path, class: :comment_user %>
            </li>
          <%# // 投稿に紐づくコメントを一覧する処理を記述する %>
        </ul>
      </div>
    </div>
  </div>
</main>

config/routes.rb

Rails.application.routes.draw do
  devise_for :users
  root to:'prototypes#index'

  resources :prototypes do
    resources :comments, only: :create 
  end

end

ルーティング

 Prefix Verb   URI Pattern                                                                              Controller#Action
                     new_user_session GET    /users/sign_in(.:format)                                                                 devise/sessions#new
                         user_session POST   /users/sign_in(.:format)                                                                 devise/sessions#create
                 destroy_user_session DELETE /users/sign_out(.:format)                                                                devise/sessions#destroy
                    new_user_password GET    /users/password/new(.:format)                                                            devise/passwords#new
                   edit_user_password GET    /users/password/edit(.:format)                                                           devise/passwords#edit
                        user_password PATCH  /users/password(.:format)                                                                devise/passwords#update
                                      PUT    /users/password(.:format)                                                                devise/passwords#update
                                      POST   /users/password(.:format)                                                                devise/passwords#create
             cancel_user_registration GET    /users/cancel(.:format)                                                                  devise/registrations#cancel
                new_user_registration GET    /users/sign_up(.:format)                                                                 devise/registrations#new
               edit_user_registration GET    /users/edit(.:format)                                                                    devise/registrations#edit
                    user_registration PATCH  /users(.:format)                                                                         devise/registrations#update
                                      PUT    /users(.:format)                                                                         devise/registrations#update
                                      DELETE /users(.:format)                                                                         devise/registrations#destroy
                                      POST   /users(.:format)                                                                         devise/registrations#create
                                 root GET    /                                                                                        prototypes#index
                   prototype_comments POST   /prototypes/:prototype_id/comments(.:format)                                             comments#create
                           prototypes GET    /prototypes(.:format)                                                                    prototypes#index
                                      POST   /prototypes(.:format)                                                                    prototypes#create
                        new_prototype GET    /prototypes/new(.:format)                                                                prototypes#new
                       edit_prototype GET    /prototypes/:id/edit(.:format)                                                           prototypes#edit
                            prototype GET    /prototypes/:id(.:format)                                                                prototypes#show
                                      PATCH  /prototypes/:id(.:format)                                                                prototypes#update
                                      PUT    /prototypes/:id(.:format)                                                                prototypes#update
                                      DELETE /prototypes/:id(.:format)                                                                prototypes#destroy

models/prototype

class Prototype < ApplicationRecord
  belongs_to :user
  has_many :comments , dependent: :destroy
  has_one_attached :image

  validates :title , presence: true
  validates :catch_copy , presence: true
  validates :concept , presence: true
  validates :image, presence: true
end

models/comment

class Comment < ApplicationRecord
  belongs_to :user
  belongs_to :prototype

  validates :text , presence: true
end

db/✖️✖️✖️✖️_create_comments

class CreateComments < ActiveRecord::Migration[6.0]
  def change
    create_table :comments do |t|
      t.text :text
      t.timestamps
      t.references :user, foreign_key: true
      t.references :prototype, foreign_key: true
    end
  end
end

controllers/comments_contoroller

class CommentsController < ApplicationController

  def create
    @comment = Comment.new(comment_params)
    if @comment.save
      redirect_to prototype_comments_path(@comment.prototype) 
    else
      @prototype = @comment.prototype
      @comments = @prototype.comments
      render "prototype/show" 
    end
  end

  private
  def comment_params
    params.require(:comment).permit(:text).merge(user_id: current_user.id, prototype_id: params[:prototype_id])
  end

end

試したこと

app/views/prototypes/show.htmlのコメント送信するform_withの部分にurlが書かれていないからルートが正しく通っていないと考察し、ルーティングのパスを参考に記述したが変わらなかった。

補足情報（FW/ツールのバージョンなど）

Rails 6.0.3.4
ruby 2.6.5

Comments

[m.ts10806]

確かにルーティングの /prototypes/:id にPOSTがないですね。
というところは把握の上でしょうか。
設計的には何で処理させるつもりですか？

[gomappi]

prototype_comments POST /prototypes/:prototype_id/comments(.:format) comments#create
で処理したいと思うのですが、うまくルートが組めません。この返答で問題ないでしょうか？
よろしくお願いいたします。

[m.ts10806]

resourcesだけでいけそうには思いますが、ひとまず手動で書いてみては？
https://railsguides.jp/routing.html
post '/prototypes/:id', to: 'comments#create'

[gomappi]

ルーティングに入力して実行しました。
https://gyazo.com/faf602b57df82521efc4c13ea99295d2
と表示されました。今度はコメントが空になっているのか、paramsがないのかという意味だと思うのですが、どうでしょうか？

[m.ts10806]

あとはデバッグですね。

[gomappi]

そうですね。ルーティングには成功していますのでデバッグを頑張ってみます。

Answer 1

ルーティング

post '/prototypes/:id', to: 'comments#create'

を追加。