Rails form_withでsubmitを行うとルーティングエラー発生。

Question

記事投稿アプリを作成しています。
記事情報をフォームに入力して、submitを行うとルーティングエラーが発生します。

エラー内容

ActionController::RoutingError (No route matches [POST] "/articles/new")

![

---

モデルに@articleを渡しているので、内容が空なら自動的にcreateアクションが実行されると思います。
ルーティングもコントローラーも設定できている（できていると思っている）ので、問題ないと思うのですが何が原因なのでしょうか。

ソースコード

_form.html.erb

<%= form_with model: @article, local: true do |f| %>
  <div class="form-group">
    <%= f.label "画像" %><span class="badge badge-info ml-3">必須</span>
    <%= f.file_field :image, class: "form-control-file" %>
  </div>

  <div class="form-group">
    <%= f.label "タイトル" %><span class="badge badge-info ml-3">必須</span>
    <%= f.text_field :title, autofocus: true, autocomplete: 'title', placeholder: "タイトルを入力", class: "form-control" %>
  </div>

  <div class="form-group"> 
    <%= f.label "本文" %><span class="badge badge-info ml-3">必須</span>
    <%= f.text_area :text, placeholder: "本文を入力", class: "form-control", rows: "10" %>
  </div>

  <div class="form-group">
    <%= f.submit "投稿する", class: "btn btn-primary btn-block" %>
  </div>
<% end %>

---

new.html.erb

<div class="container p-5">
  <div class="shadow p-4 mb-5 bg-white rounded">
    <h1 class="text-center text-monospace">記事投稿</h1>
    <%= render partial: 'form' %>
  </div>
</div>

---

articles.controller.rb

class ArticlesController < ApplicationController
  before_action :authenticate_user!, except: [:index]

  def index
  end

  def new
    @artilce = Article.new
  end

  def create
    article = Article.new(article_params)
    if article.save
      redirect_to root_path
    else
      render :new
    end
  end

  private

  def article_params
    params.require(:article).permit(:image, :title, :text).merge(user_id: current_user.id)
  end
end

---

routes.rb

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

確認してみたこと

create.html.erbは作成していないので、viewに渡す必要がないのにarticles.controller.rbのcreateアクションに付けていた**@**が原因なのかと思い、削除しましたが解決しませんでした。

@削除前のcreateアクション

def create
  @article = Article.new(article_params)
  if @article.save
    redirect_to root_path
  else
    render :new
  end
end

プライベートメソッドとストロングパラメーターを定義して、それをcreateアクションに引数で渡しているので保存の許可はできています。

利用環境

• Ruby 3.0.1
• Rails 6.1.3

Comments

[hatsu]

routes.rbにarticlesのnewアクションが書かれていないとかってありませんでしょうか？
config/routes.rbのファイルも載せていただけるとヒントになるかも知れません。

[Tsuyoponta]

失礼しました。質問内容がルーティングエラーなのにroutes.rbを失念しておりました。
resourcesにnewアクションを記述しています。

[hatsu]

[POST] "/articles/new"
/articles/newにPostでリクエストされているのがおかしいので、
<%= form_with model: @article, url: articles_path, method: :post, local: true do |f| %>
みたくリクエスト先を明示するとどうなるでしょうか!?
ちなみにnew.html.erbのファイルはapp/views/articlesフォルダに存在する認識です

[Tsuyoponta]

newアクションのtypoが原因でした。
お手数おかけしました！

Answer 1

def new
@artilce = Article.new
end

よくみると、@articleをtypoしています。

Comments

[Tsuyoponta]

ありがとうございます！typoでした????
typoの気づきを助けてくれる、オススメのツールなどありますでしょうか。

[asm]

残念なことに私は知りません
ただ、今回の場合は明らかにform_withがおかしいので
(おそらくブラウザから開発者ツールで見ると<form>タグにURLが設定されていない筈)
viewにてform_withの入力である@articleを出力してみる等でデバッグできたかと思います。