Laravel Yajra Datatable плагин 404 ошибка в консоли

Question

Я пытаюсь использовать плагин Yajra от Laravel для таблиц данных, которые я пробовал с помощью одной модели (пользовательская модель), она работает нормально, но когда я пробовал красноречивые отношения, я получаю 404 ошибки в консоли.

Табличное представление

@extends('layouts.app')

@section('content')

<table class="table table-bordered" id="users-table">
    <thead>
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Email</th>
            <th>Username</th>
            <th>User Role</th> 
            <th>Phone</th>
            /* Where i remove this any one column either user role or phone than it works fine */
        </tr>
    </thead>
</table>

<script>

    $(function() {
        $('#users-table').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{!! route('user_datatable_data') !!}',
            columns: [
                { data: 'id', name: 'id' },
                { data: 'name', name: 'name' },
                { data: 'email', name: 'email' },
                { data: 'username', name: 'username' },
                { data: 'role.role_name', name: 'role.role_name' },
                { data: 'phone', name: 'phone' } 
                /* Where i remove this any one column either user role or phone than it works fine */
            ]
        });
    });
</script>

Вот мой вид обработки контроллера и таблицы данных

function index()
{
    $data['page_title'] = 'Users';
    $data['panel_title'] = 'User list';
    $data['panel_description'] = 'Add, Edit Delete and deactivate users';
    $data['users'] =  User::all();
    return view('settings.users.user_list', $data);
}

function datatable(){
    return Datatables::of(User::query()->with('role')->get())->make(true);
}

Вот мои маршруты

Route::get('users', 'UserController@index')->name('user_list');
Route::get('datatable', 'UserController@datatable')->name('user_datatable_data');