No route matches [GET] "/logout"の解決

前提・実現したいこと

プログラミング初学者です。
ログアウトのリンクを押すとNo route matches [GET] "/logout"とでてログアウトできません。
routes.rbは delete '/logout', to: 'sessions#destroy'としており、
リンクは、<%= link_to "ログアウト", logout_path, method: :delete %>としています。
htmlソースも<a rel="nofollow" data-method="delete" href="/logout">ログアウト</a>
となっていますが、[GET] "/logout"とでます。

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

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

該当のソースコード

=====routes.rb=====

Rails.application.routes.draw do
  
  root   'home_pages#top'
  get    'sessions/new'
  get    '/about',  to: 'home_pages#about'
  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-default">
  <ul class="nav navbar-nav navbar">
    <li><%= link_to "viewhome",   root_path %></li>
    <li><%= link_to "viewhomeとは",   about_path %></li>
    <% if logged_in? %>
      <li><%= link_to "ログアウト", logout_path, method: :delete %></li>
    <% else %>
      <li><%= link_to "新規登録",   signup_path %></li>
      <li><%= link_to "ログイン",   login_path %></li>
    <% end %>
  </ul>
</header>

試したこと

調べると、JQueryがないと動かないとあり、
https://qiita.com/masahisa/items/eaacb0c3b82f4a11fc13
こちらの方法を試してみたのですが変化ありません。

該当のソースコード

=====app/javascript/packs/application.js======
// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("jquery")

// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
//
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)

=====config/webpack/environment.js======

const { environment } = require('@rails/webpacker')

const webpack = require('webpack')
environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery'
  })
)

module.exports = environment

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

Rails 6.0.3.2
ruby 2.7.1
ubuntu 18.04 LTS

行動規範の内容に同意します

回答2件

rails-ujsが動いていない気がします。
application.html.erbに<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>というような記述がなかったら、<head></head>の間に入れてみてください。

投稿2020/09/11 07:31