datatables - Cannot read property 'defaults' of undefined

Не могу подключить DataTables к сайту используя для сборки Laravel Mix.

Подключение - app.js

import 'datatables.net-bs4';
import 'datatables.net-responsive-bs4'
import 'datatables.net-scroller-bs4'

После загрузки страницы, в консоли ошибка.

Uncaught TypeError: Cannot read property 'defaults' of undefined
    at eval (dataTables.bootstrap4.js?7b52:47)
    at Object.eval (dataTables.bootstrap4.js?7b52:17)
    at eval (dataTables.bootstrap4.js?7b52:18)
    at eval (dataTables.bootstrap4.js?7b52:41)
    at Object../node_modules/datatables.net-bs4/js/dataTables.bootstrap4.js (app.js:96)
    at __webpack_require__ (app.js:20)
    at Module.eval (app.js?6d40:1)
    at eval (app.js:20)
    at Module../resources/js/app.js (app.js:185)
    at __webpack_require__ (app.js:20)

Блок кода на который указывает ошибка (Вторая строка)

/* Set the defaults for DataTables initialisation */
$.extend( true, DataTable.defaults, {
    dom:
        "<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
        "<'row'<'col-sm-12'tr>>" +
        "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
    renderer: 'bootstrap'
} );