RubyでRouting Errorの解決方法がわからない

Question

実現したいこと

削除ボタンを押したら削除したい。

発生している問題・分からないこと

削除ボタンを押したら削除したいのですが、RoutingErrorになってしまいます。

エラーメッセージ

  ActionController::RoutingError (No route matches [GET] "/tasks/1"):

該当のソースコード

class TasksController < ApplicationController
    def index
        @tasks = Task.all
    end

    def new

    end

    def create
        Task.create(title:params[:title])
        redirect_to "/tasks"
    end

    def destroy
        @task = Task.find(params[:id])
        puts "Destroying task with title: #{@task.title}" 
        @task.destroy
        redirect_to "/tasks"
    end
    
end

Rails.application.routes.draw do
  get "tasks" => "tasks#index"
  get "tasks/new" => "tasks#new"
  post "tasks/create" => "tasks#create"
  delete "tasks/:id" => "tasks#destroy"
end

<h2>Create New Task</h2>
<%= form_with url:"/tasks/create", local:true do |f| %>
    <p><%= f.text_field :title %></p>
    <p><%= f.submit "Create" %></p>
<% end %>

<h2>To Do App</h2>
<%= link_to "Create New Task", "/tasks/new" ,class:"btn btn-primary"%>
<h2>【Task List】</h2>
<% @tasks.each do |task| %>
    <p>・<%= task.title %><%= link_to "/tasks/" + task.id.to_s,method: :delete do %>
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
  <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/>
  <path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/>
</svg>
<% end %>
    </p>
<% end %>

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

ChatGPTに聞きましたが、その対応をしても治りませんでした。

補足

特になし

Answer 1

method: :deleteのリンクを正しくDELETEメソッドで送信させるには、JavaScriptが必要です。

rails-ujsなどのJavaScriptは用意しましたでしょうか？