模态形式的未定义变量 $errors Laravel

Question

我打开模态时出错。这是我的代码：

<div>
<x-button onclick="viewFormAdd()" data-bs-toggle="modal" type="button">Add New Data</x-button>
</div>

<script>
function viewFormAdd() {
        $.get("{{ route('kategori.create') }}", {},
            function(data, status) {
                $('.viewmodal').html(data).show();
                $('#modalCreateKategori').modal('show');
            }
        );
    }
</script>

创建Kategori.blade.php

<x-modal modalId="modalCreateKategori" modalTitle="Tambah Kategori">
<form method="post" action="{{ route('kategori.store') }}" class="formtambah">
    @csrf
    <div class="grid grid-rows-2">
        <div>
            <x-label>Nama Kategori</x-label>
            <x-input type="text" name="nama_kategori" id="nama_kategori" />
            @error('nama_kategori')
                <small>{{ $message }}</small>
            @enderror
        </div>
        <div class="justify-end items-center">
            <x-button type="submit">Simpan</x-button>
        </div>
    </div>
</form></x-modal>

阿贾克斯：

<script>
$(document).ready(function() {
    $('.formtambah').submit(function(e) {
        e.preventDefault();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            type: "post",
            url: $(this).attr('action'),
            data: $(this).serialize(),
            dataType: "json",
            success: function(response) {
                if (response.tersimpan) {
                    Swal.fire({
                        position: 'center',
                        icon: 'success',
                        title: 'Tersimpan!',
                        text: response.tersimpan,
                        showConfirmButton: false,
                        timer: 1500
                    })
                    $('.btn-close').click();
                    dataKategori();
                }
            },
            error: function(xhr, thrownError) {
                alert(xhr.status + "\n" + xhr.responseText + "\n" + thrownError);
            }
        });
        return false;
    });
});</script>

我的控制器：

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

/**
 * Store a newly created resource in storage.
 *
 * @param  \Illuminate\Http\Request  $request
 * @return \Illuminate\Http\Response
 */
public function store(KategoriRequest $request)
{
   $kategori = new Kategoris;
    $kategori->namakat = $request->nama_kategori;
    $kategori->save();

    $msg = [
        'tersimpan'=> 'Produk baru berhasil tersimpan!'
    ];

    return response()->json($msg);
}

我的类别请求：

class KategoriRequest extends FormRequest{

public function authorize()
{
    return true;
}

/**
 * Get the validation rules that apply to the request.
 *
 * @return array<string, mixed>
 */
public function rules()
{
    return [
        'nama_kategori' => 'required'
    ];
}

public function messages()
{
    return[
        'nama_kategori.required' => 'Maaf, nama kategori harus diisi'
    ];
}

}

当我打开模态时，模态不起作用并出现错误“未定义变量 $errors（查看：C:\xampp\htdocs ewsinartimur_laravel_9 资源视图\类别