Uncaught TypeError: $(...).DataTable is not a function at HTMLDocument.<anonymous> (<anonymous>:22:41) code example

Example 1: $(...).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 2: data table is not a function in vue

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