Routing Error No route matches [POST] "/"が出て前に進まず。createアクションからデータ保存したい。

Question

createアクションからデータを保存したい。また、保存ができた場合、idex.html.erbに遷移、できたかった場合、new.html.erbに遷移したい。

ここに質問の内容を詳しく書いてください。
某プログラミングスクールで謎のSNSを作っています。投稿画面から投稿内容の保存をしたい。しかし、保存ボタンを押すとルーティングエラーが出ました。

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

Routing Error 
No route matches [POST] "/"

該当のソースコード

config/routes.rb

Rails.application.routes.draw do
  devise_for :users
  root to: 'prototypes#index'
  resources :prototypes, only: [:index, :new, :create]
end

views/prototypes/prototypes_controller.rb

class PrototypesController < ApplicationController
  before_action :move_to_index, except: [:index, :show]

  def index
    @prototypes = Prototype.all
  end
  
  def new
    @prototype = Prototype.new
  end
  
  def create
    @prototype = Prototype.create(prototype_params)

    if @prototype.save
      redirect_to root_path
    else
      render :new
    end
  end

  private
  def move_to_index
    unless user_signed_in?
      redirect_to action: :index
    end
  end

  def prototype_params
    params.require(:prototype).permit(:title, :catch_copy, :concept, :image).merge(user_id: current_user.id)
  end

end

views/prototypes/new.html.erb

<div class="main">
  <div class="inner">
    <div class="form__wrapper">
      <h2 class="page-heading">新規プロトタイプ投稿</h2>
        <%# 部分テンプレートでフォームを表示する %>
        <%= render partial: 'prototypes/form' %>
    </div>
  </div>
</div>

views/prototypes/_form.html.erb

<%= form_with model: @prototype, local: true do |f|%>
  <div class="field">
    <%= f.label :title, "プロトタイプの名称" %><br />
    <%= f.text_field :title %>
  </div>

  <div class="field">
    <%= f.label :catch_copy, "キャッチコピー" %><br />
    <%= f.text_area :catch_copy, class: :form__text %>
  </div>

  <div class="field">
    <%= f.label :concept, "コンセプト" %><br />
    <%= f.text_area :concept, class: :form__text %>
  </div>

  <div class="field">
    <%= f.label :image, "プロトタイプの画像" %><br />
    <%= f.file_field :image %>
  </div>

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

db/XXXXXXXX_create_prototypes.rb

class CreatePrototypes < ActiveRecord::Migration[6.0]
  def change
    create_table :prototypes do |t|
      t.references  :user,                foreign_key: true
      t.text        :concept
      t.text        :catch_copy
      t.string      :title,               null: false, default: ""
      t.timestamps
    end
  end
end

models/prototype.rb

class Prototype < ApplicationRecord
  has_one_attached :image
  belongs_to :user
  validates :position, presence: true
  validates :occupation, presence: true
  validates :profile, presence: true
  validates :name, presence: true
  validates :image, presence: true, unless: :was_attached?
  
  def was_attached?
    self.image.attached?
  end
end

ルーティング

                                 root GET    /                                                                                        prototypes#index
                           prototypes GET    /prototypes(.:format)                                                                    prototypes#index
                                      POST   /prototypes(.:format)                                                                    prototypes#create
                        new_prototype GET    /prototypes/new(.:format)                                                                prototypes#new

ブラウザ html:1
ブラウザ　html:２
ブラウザ　html:3

試したこと

・form_withのURLの記述
・controllerのcreateアクションの記述変更
・パスの変更
・rials db:migrate:statusは全てupになっていた

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

Rails 6.0.3.3
ruby 2.6.5

Answer 1

submitボタンを押したときに~/にpostしてしまっているようですね．
erbやhtmlとかに詳しくなくめったなことを言えませんが，
views/prototypes/_form.html.erb
に問題があるのかなというふうに見えます．
~/prototypesにpostができるようになるとうまく動くと思います．

Comments

[kmdkuk]

実際に~/prototypes/newにアクセスしたときに表示されるhtmlのソースがあれば分かる人はわかるかもです．．．

[jin_707502345]

実際に~/prototypes/newにアクセスしたときに表示されるhtmlのソースはviews/prototypes/_form.html.erbの上にございます。????‍♂️

[kmdkuk]

erbじゃなくて，ブラウザでアクセスしたときのhtmlのソースがどうなっているのかなと気になったもので

[jin_707502345]

すみませんお手数をおかけいたしますが、ルーティング記述の下記、試したことの上記を参照くださいませ。

[kmdkuk]

あー画像であったんですね，気づきませんでした．

[kmdkuk]

htmlを見るにフォームを送信したときに，~/prototypes/newにPOSTしようとする，formが出来上がってしまってますね．
なぜNo route matches [POST] "/prototypes/new"ではなくて，
No route matches [POST] "/"が出てるかが，わからないですが．．．
form_with url: prototypes_pathと試してみても動かなそうですか？

[jin_707502345]

https://gyazo.com/223b0c679e1a7a71565e4f4e8827865f
次はこのようなエラーが出てしまいました。

↑記述ミスがあり修正しまして動きました。

[jin_707502345]

動きました！！長時間に渡りありがとうございます！