uncaught typeerror: $(...).datatable is not a function laravel code example

Example 1: $(...).DataTable is not a function

Plain text1<br><script src = "http://cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js" defer ></script>

//Just add defer at the end of this script

Example 2: $(...).DataTable is not a function

There could be multiple reasons for this error.

1. jQuery DataTables library is missing.
2. jQuery library is loaded after jQuery DataTables.
3. Multiple versions of jQuery library is loaded.

Example 3: data table is not a function in vue

var $ = require( 'jquery' );
require( 'datatables.net' )( window, $ );
require( 'datatables.net-bs' )( window, $ );