データベースのデータの更新ができない

Question

前提

laravel でデータベースのデータを更新しようとこころみているのですがデータが更新されません。(PostControlloerのchecked method)
チェックボックスをおすとチェックがデータとして登録されるようにしたいです。
ですがチェックボックス以前に、テキストすら更新することができません。

419error がでるのですが、@csrfはきちんと書いています。

私のコードのどこが間違っているのでしょうか？
おそらくweb.phpのpatchに誤りがあるのではないかと予想しております。

<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\PostController;

Route::get('/', [PostController::class, 'index'])
    ->name('posts.index');

Route::get('/posts/{post}', [PostController::class, 'show'])
    ->name('posts.show')
    ->where('post', '[0-9]+');

Route::patch('/posts/{post}/checked', [PostController::class, 'checked'])
    ->name('posts.checked')
    ->where('post', '[0-9]+');

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\Post;
use App\Http\Requests\PostRequest;

class PostController extends Controller
{

    public function index()
    {
        $posts = Post::latest()->get();

        return view('index')
            ->with(['posts' => $posts]);
    }

    public function show(Post $post)
    {
        return view('posts.show')
            ->with(['post' => $post]);
    }

    public function create()
    {
        return view('posts.create');
    }

    public function store(PostRequest $request)
    {
        $post = new Post();

        $post->title = $request->title;

        $post->body = $request->body;

        $post->save();

        return redirect()
            ->route('posts.index');

    }

    public function checked(Post $post)
    {

        // $post->is_done = !$post->is_done;
        $post->title = 'hogehoge';

        $post->save();

        return redirect()
            ->route('posts.index');

    }
}

    <ul>
        @forelse ($posts as $post)
            <li class="li-ex" data-id="{{ $post->id }}">
                <div class="title-container">
                    <form method="post" action="{{ route('posts.checked', $post) }}">
                        @method('PATCH')
                        @csrf
                        <input type="checkbox"  {{ $post->is_done ? 'checked' : ''; }}>
                    </form>
                    <a href="{{ route('posts.show', $post) }}" class="{{ $post->is_done ? 'done' : ''; }}">
                        <span>{{ $post->title }}</span>
                    </a>
                </div>
                <form method="post" action="{{ route('posts.destroy', $post) }}">
                    @method('DELETE')
                    @csrf
                    <span class="delete">[x]</span>
                </form>
            </li>
        @empty
            <li>No posts yet!</li>
        @endforelse
    </ul>

    public function up()
    {
        Schema::create('posts', function (Blueprint $table) {
            $table->id();
            $table->string('title');
            $table->text('body');
            $table->boolean('is_done')->default(false);
            $table->timestamps(); // created_at, updated_at
        });
    }

laravel8
linuxのdocker で開発しています。

Answer 1

すいません。javascriptのエラーがじゃ増してたみたいです。ごめんなさい

Comments

[m.ts10806]

誤る必要は全く解決したのはよかったのですが、提示コードにはJavaScriptが含まれていないためどうなっていてどういうエラーがあってどう対応して解決したのか具体的に記載されないと誰にも分からないと思います。
回答を修正して追記してください。

[tou.23.bc]

回答ありがとうございます。
この処理と並行でfetchAPIをつかってajaxをしていたのですが、そこのエラーがひびいていました。
そこをコメント化することで動きました。