Railsでエラー「No route matches [GET] 」が解決できない

Question

実現したいこと

エラー「No route matches [GET] 」を解決して投稿を削除できるようにしたい

前提

開発中のrailsアプリに搭載する投稿記事の削除機能を作っています。
記事を削除後に記事の一覧ページ(growth_diaries/index)に遷移するようにしたいです。
削除するコードを書き、削除用のリンクを設置して押したところ下記のようなエラーメッセージが出て削除できない状態です。
関連するMVCをチェックしましたがどこにもおかしいところが見当たらないため、自分ではわからない状態です。ご教授いただけますと幸いです。

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

下記のようにルートがないという内容のエラーが出ます。

No route matches [GET] "/growth_diaries/7/destroy"

該当のソースコード

config/routes.rb

Rails.application.routes.draw do
  get 'jobs/index' => "jobs#index"
  get 'jobs/:id' => "jobs#show"
  get 'farmers/index'
  get 'users/index'
  get 'users/new'
  get 'home/top'
  get 'growth_diaries/new' => "growth_diaries#new"
  get 'growth_diaries/index' => "growth_diaries#index"
  get 'growth_diaries/:id' => "growth_diaries#show"
  get 'growth_diaries/:id/edit' => "growth_diaries#edit"
  post 'growth_diaries/:id/update' => "growth_diaries#update"
  post 'growth_diaries/:id/destroy' => "growth_diaries#destroy"
  post 'growth_diaries/create' => "growth_diaries#create"
end

/app/controllers/growth_diaries_controller.rb

class GrowthDiariesController < ApplicationController

    def new
    end

    def create
        @growth_diary = GrowthDiary.new(title: params[:title], body: params[:body])
        @growth_diary.save
        redirect_to("/growth_diaries/index")
    end

    def show
        @growth_diary = GrowthDiary.find_by(id: params[:id])
    end

    def index
        @growth_diaries = GrowthDiary.all.order(created_at: :desc)
    end

    def edit
        @growth_diary = GrowthDiary.find_by(id: params[:id])
    end

    def update
        @growth_diary = GrowthDiary.find_by(id: params[:id])
        @growth_diary.title = params[:title]
        @growth_diary.body = params[:body]
        @growth_diary.save
        redirect_to("/growth_diaries/index")
    end

    def destroy
        @growth_diary = GrowthDiary.find_by(id: params[:id])
        @growth_diary.destroy
        redirect_to("/growth_diaries/index")
    end
end

app/views/growth_diaries/show.html.erb

<h1><%= @growth_diary.title %></h1>
<h2><%= @growth_diary.body %></h2>
<p><%= link_to("編集", "/growth_diaries/#{@growth_diary.id}/edit") %></p>
<%= link_to("削除", "/growth_diaries/#{@growth_diary.id}/destroy", {method: "post"}) %>

試したこと

参考にしているProgateとも見比べましたが、おかしなところが見当たらない状態です。

• スペルの確認
• ルーティングの確認(「スラッシュ」と「#」の打ち間違いがないかなど)

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

Rails 7.0.4

Comments

[yuma.inaura]

postできてなさそうですね
getしてしまってる

Answer 1

maisumakun さんも指摘していますが、Rails6 までは rails-ujs が標準だったのが、Rails7 から色々と変わってるので、それが原因かもしれません。

下記の「Turboを使っている場合」の書き方を試してみてはいかがでしょうか？

<!-- rails-ujsを使っている場合 -->
<%= link_to("削除", ..., {method: "post"}) %>

<!-- Turboを使っている場合 -->
<%= link_to("削除", ..., data: {turbo_method: "post"}) %>

Answer 2

このエラーメッセージは、ルーティングが定義されていないため、削除リクエストを処理するためのルートが見つからなかったことを示しています。一般的に、削除機能を実装するためには、HTTPリクエストをDELETEメソッドで送信する必要がありますが、このエラーメッセージはGETリクエストが送信されたことを示しています。

このエラーを解決するためには、削除リクエストを処理するためのルートを定義する必要があります。具体的には、routes.rbファイルに下記のようなルートを定義することで、DELETEリクエストを受け取ることができます。

delete '/growth_diaries/:id', to: 'growth_diaries#destroy', as: 'delete_growth_diary'

このルートは、growth_diariesコントローラーのdestroyアクションを呼び出し、指定されたidのgrowth_diaryレコードを削除します。また、asオプションを使用して、delete_growth_diaryという名前付きルートを定義しています。

そして、削除用のリンクを設置する際には、以下のようにリンクを生成するようにします。

<%= link_to 'Delete', delete_growth_diary_path(growth_diary), method: :delete, data: { confirm: 'Are you sure?' } %>

このリンクは、delete_growth_diary_pathヘルパーを使用して、delete_growth_diaryルートにDELETEリクエストを送信します。また、methodオプションを使用して、HTTPリクエストをDELETEメソッドに設定し、data-confirmオプションを使用して、削除確認のダイアログを表示します。

これらの変更を行うことで、削除機能が正しく動作し、記事の一覧ページにリダイレクトされるようになるはずです。

Answer 3

参考にしているProgateとも見比べましたが

それは、Rails 7を前提としたものでしょうか。Rails 6と7では、リンクでPOSTを起こすようなJavaScript制御まわりに大きな変化が加わっています。

ProgateがRails 6なら、それに合わせてRails 6で進めることをおすすめします。