Rails submitボタンを押した際のルーティングエラー

Question

Railsでレシピアプリを作っていまして、試しにレシピを投稿できるフォームを作っていたのですが、
submitした際に　No route matches [POST] "/recipe/new"　というエラーが出てきました。
routes.rbで　resources :recipe　と定義しているので、新たにroutesの設定は必要ないと思っていましたが、勘違いでしょうか・・・？
なぜ、submitできないか原因が分かる方いらっしゃいましたらご教示いただけますと幸いです。
足りない情報がありましたら恐縮ですが、お知らせいただけますと幸いです。
※一ヶ月ほどrialsの学習していますが、いまだにroutes理解があまりできていません；

routes.rb

Rails.application.routes.draw do
  resources :recipe
  get '/' => "recipe#index"
end

recipe_controller.rb

class RecipeController < ApplicationController
  before_action :find_params, only:[:show, :edit, :update, :destroy]

  def index
    @recipes = Recipe.all.order(created_at: :desc)
  end

  def new
    @recipe = Recipe.new
  end

  def show
  end

  def create
    @recipe = Recipe.new(recipe_params)
    if @recipe.save
      redirect_to recipe_path(@recipe), notice: "レシピを投稿しました。"
    else
      render :new, alert: "レシピの登録に失敗しました。"
    end
  end

  def edit
  end

  def update
    if @recipe.update(recipe_params)
      redirect_to recipe_path(@recipe), notice: "レシピの更新をしました。"
    else
      render :edit, alert: "レシピの更新に失敗しました。"
    end
  end

  def destroy
    if @recipe.destroy
      redirect_to root_path, notice: "レシピを削除しました。"
    else
      redirect_to root_path, alert: "レシピの削除に失敗しました。"
    end
  end

  private

  def find_params
    @recipe = Recipe.find(params[:id])
  end

  def recipe_params
    params.require(:recipe).permit(:title, :body, :materials, :quantity, :create)
  end

end

new.html.erb

<h1>レシピ登録</h1>
<div class="BlkForm">
    <%= form_for @recipe, url: new_recipe_path do |f| %>
        <div class="form-group">
            <%= f.label :title, "料理名" %>
            <%= f.text_field :title, class: "form-control" %>
        </div>
        <div class="form-group">
            <%= f.label :body, "料理の説明" %>
            <%= f.text_area :body, rows: 15, class: "form-control" %>
        </div>
        <div class="form-group">
            <%= f.label :materials, "材料" %>
            <%= f.text_field :materials, class: "form-control" %>
        </div>
        <div class="form-group">
            <%= f.label :quantity, "分量" %>
            <%= f.text_field :quantity, class: "form-control" %>
        </div>
        <div class="form-group">
            <%= f.label :create, "作り方" %>
            <%= f.text_area :create, rows: 10, class: "form-control" %>
        </div>
        <%= f.submit "登録", class: "btn btn-primary" %>
    <% end %>
</div>

schema.rb

ActiveRecord::Schema.define(version: 2020_08_22_052010) do

  create_table "recipes", force: :cascade do |t|
    t.string "title"
    t.text "body"
    t.string "materials"
    t.string "quantity"
    t.text "create"
    t.datetime "created_at", precision: 6, null: false
    t.datetime "updated_at", precision: 6, null: false
  end

end

Answer 1

newアクションで入力ページを表示して、submitでcreateアクションを実行します。
そのためform_forに設定されているnew_recipe_pathを修正する必要があります。

<%= form_for @recipe, url: recipes_path do |f| %>

どのようなパスがどのアクションに紐付いているかは、localhost:3000/rails/routesなどで確認できます。

Comments

[ym0814]

ありがとうございます！
解けました。

<%= form_for @recipe, url: "/recipe" do |f| %>

urlはcreate部分にしておかないとDBに保存されないと思っていました；
おかげさまで進めそうです。ありがとうございました！

[no1knows]

通常、Railsの命名規則としてresourcesを利用する場合はrecipes(複数系)、resorceを利用する場合はrecipe(単数形)となります。
そのため本来はroutes.rbがresources :recipesとなり、formは、最初に回答したパスになるのが適切な設定方法になるかと思いますが、なにはともあれ解決してよかったです。