Yajra macht ajax keinen Anruf und rendert keine Daten ⇐ Php

[Anonymous]

Ich versuche, Yajra-DataTables in meinem neuen Laravel 12-Projekt zu implementieren, aber es rendert keine Daten und ich sehe auch keinen Ajax-Aufruf im Netzwerk. /> < /blockquote>

package.json
< /blockquote>

Code: Select all

"devDependencies": {
"laravel-datatables-vite": "^0.6.1",
...
}
< /code>

app.scss
< /blockquote>
// Fonts
@import url('https://fonts.bunny.net/css?family=Nunito');
// Variables
@import 'variables';

// Bootstrap
@import 'bootstrap/scss/bootstrap';

// DataTables
@import 'bootstrap-icons/font/bootstrap-icons.css';
@import "datatables.net-bs5/css/dataTables.bootstrap5.min.css";
@import "datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css";
@import 'datatables.net-select-bs5/css/select.bootstrap5.css';
< /code>

App.js import 'laravel-datables-vite'; < /code> < /p>
< /blockquote>

Controller < /p>
< /blockquote>
public function index(UsersDataTable $dataTable)
{
return $dataTable->render('users.index');
}
< /code>

UsersDataTable.php
< /blockquote>
public function dataTable(QueryBuilder $query): EloquentDataTable
{
return (new EloquentDataTable($query))
->setRowId('id');
}

public function query(User $model): QueryBuilder
{
return $model->newQuery()->with('roles');
}

public function html(): HtmlBuilder
{
return $this->builder()
->setTableId('users-table')
->columns($this->getColumns())
->minifiedAjax()
->orderBy(1)
->selectStyleSingle()
->buttons([
Button::make('excel'),
Button::make('csv'),
Button::make('pdf'),
Button::make('print'),
Button::make('reset'),
Button::make('reload')
]);
}

public function getColumns(): array
{
return [
Column::make('id')->title('ID'),
Column::make('name')->title('Name'),
Column::make('email')->title('Email'),
Column::computed('roles')->title('Roles'),
Column::make('created_at')->title('Created At'),
Column::make('updated_at')->title('Updated At'),
];
}
< /code>

Index.blade.php
< /blockquote>


User Management
{{ $dataTable->table() }}



@push('scripts')
{{ $dataTable->scripts() }}
@endpush

Problem
Die Tabelle wird mit Spaltennamen gerendert, es werden jedoch keine Daten angezeigt, und es gibt keine Ajax -Anrufe in der Registerkarte Netzwerk. Here’s what the table looks like:


What I’ve Tried

• Verified that the @Stack ('scripts') Die Anweisung ist in meinem Layout vorhanden. etc.