ログアウトが正常にできない（No route matches [GET] "/logout" エラー）

Question

前提・実現したいこと

railsチュートリアル9章に取り組んでいるのですが、logoutボタンからログアウトを行うとルーティングエラーが発生します。
ルーティングやlink_toの書き方も確認したのですが、問題はなさそうです（検証ツールを使うと、htmlではmethodは正しくdeleteになっていました）。

いろいろと試行錯誤はしたのですが（「試したこと」に下述します）うまくいかず、もはや万策尽きてしまったので質問させていただきました。
程度の低い質問であったら大変申し訳ありません。

また、回答に必要な情報が不足している場合、恐縮ですがご指摘ください。随時追記いたします。

よろしくお願いいたします。

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

logoutボタンからログアウトを行うと

No route matches [GET] "/logout"

このエラーが発生する。

該当のソースコード

[routes.rb]
Rails.application.routes.draw do
  
  get 'users/new'
  root 'static_pages#home'
  get  '/help',    to: 'static_pages#help'
  get  '/about',   to: 'static_pages#about'
  get  '/contact', to: 'static_pages#contact'
  get  '/signup', to: 'users#new'
  get    '/login',   to: 'sessions#new'
  post   '/login',   to: 'sessions#create'
  delete '/logout',  to: 'sessions#destroy'
  resources :users
  
end

[_header.html.erb（パーシャルです）]
<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="container">
    <%= link_to "sample app", root_path , id: "logo" %>
    <nav>
      <ul class="nav navbar-nav navbar-right">
        <li><%= link_to "Home",   root_path %></li>
        <li><%= link_to "Help",   help_path %></li>
        <% if logged_in? %>
          <li><%= link_to "Users", '#' %></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              Account <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
              <li><%= link_to "Profile", current_user %></li>
              <li><%= link_to "Settings", '#' %></li>
              <li class="divider"></li>
              <li>
                <%= link_to "Log out", logout_path, method: :delete %>
              </li>
            </ul>
          </li>
        <% else %>
          <li><%= link_to "Log in", login_path %></li>
        <% end %>
      </ul>
    </nav>
  </div>
</header>

ソースコード

試したこと

[1]
https://teratail.com/questions/164311
こちらの質問を参考にしてjQueryを導入しました。
=>失敗(jQueryが正常に動いていることは確認済みです。)

[2]
https://teratail.com/questions/336403
この質問をした際に頂いた回答の通り、rails-ujsを導入しました。
=>失敗

[3]
html.erbのlink_toをbutton_toに変更しました
=>失敗

[4]
{method: :delete}のように{}をつけろという旨の記事を見つけたため、実践しました。
=>失敗

[5]
rails serverの再起動を行いました。
=>失敗

[6]
deleteメソッドをgetメソッドに変更しました。
=>ログアウト自体は成功したのですが、その後発生した別のエラーの原因であると推察したため、やはりdeleteメソッドのままログアウトを成功させることが必須であると判断しました。

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

ruby 2.6.3
rails 6.0.3
aws cloud9を使用

Comments

[m.ts10806]

いっそgetでいいのでは

[takuma_lol]

一度getにしたまま教材を進めたのですがその後エラーに直面し、deleteでなくgetに設定していることがそのエラーの原因であると思われたので、なんとかdeleteで進めたいと考えております... コメントありがとうございます。

Answer 1

rails-ujsの導入方法がRails5のそれなのが気になります。

そもそもyarnは導入済みでしょうか?

rails new時に導入されていなかった場合、環境構築が中途半端になりますので
rails webpacker:installが必要になります。

Comments

[takuma_lol]

回答ありがとうございます。
yarnの再導入を行いましたが、導入されていたようです。
rails webpacker:install も試してみましたが、改善は見られませんでした...
rails-ujsの導入方法についてですが、application.jsとGemfileに必要事項を追加し、bundle installしました。ソースコードを下述いたします。

```javascript
(app/assets/javascripts/application.js)
//= require jquery
//= require jquery_ujs
//= require rails-ujs
//= require turbolinks
//= require_tree .
```

```Gemfile
source 'https://rubygems.org'
git_source(:github) { |repo| "https://github.com/#{repo}.git" }

gem 'rails', '6.0.3'
gem 'bcrypt', '3.1.13'
gem 'bootstrap-sass', '3.4.1'
gem 'puma', '4.3.6'
gem 'sass-rails', '5.1.0'
gem 'webpacker', '~> 6.x'
gem 'turbolinks', '5.2.0'
gem 'jbuilder', '2.9.1'
gem 'bootsnap', '1.4.5', require: false
gem 'jquery-rails'
gem 'jquery-ui-rails'
gem 'rails-ujs'

group :development, :test do
gem 'sqlite3', '1.4.1'
gem 'byebug', '11.0.1', platforms: [:mri, :mingw, :x64_mingw]
end

group :development do
gem 'web-console', '4.0.1'
gem 'listen', '3.1.5'
gem 'spring', '2.1.0'
gem 'spring-watcher-listen', '2.0.1'
end

group :test do
gem 'capybara', '3.28.0'
gem 'selenium-webdriver', '3.142.4'
gem 'webdrivers', '4.1.2'
gem 'rails-controller-testing', '1.0.4'
gem 'minitest', '5.11.3'
gem 'minitest-reporters', '1.3.8'
gem 'guard', '2.16.2'
gem 'guard-minitest', '2.4.6'
end

group :production do
gem 'pg', '1.1.4'
end

```