DataTables: Uncaught TypeError: Не удается прочитать свойство «по умолчанию» неопределенной

Question

При использовании Bootstrap integration для DataTables, я вижу следующее сообщение об ошибке в консоли:

Uncaught TypeError: Cannot read property 'defaults' of undefined (dataTables.bootstrap.js:20)

Это вызывает элементы управления нумерации страниц не имеют стили на них ,

я могу видеть, что в инициализации фабрики, следующий код должен работать:

factory(jQuery, jQuery.fn.dataTable); 

Однако jQuery.fn.dataTable возвращается undefined.

Answer 1

Проблема в том, что dataTable не определен в точке, которую вы вызываете этот метод.

Убедитесь, что вы загружаете .js файлы в правильном порядке:

<script src="/Scripts/jquery.dataTables.js"></script> 
<script src="/Scripts/dataTables.bootstrap.js"></script> 

Answer 2

Я получил ту же ошибку, я использую Laravel 5.4 с WebPack, здесь package.json перед:

{ 
    ... 
    ... 
    "devDependencies": { 
    "jquery": "^1.12.4", 
    ... 
    ... 
    }, 
    "dependencies": { 
    "datatables.net": "^2.1.1", 
    ... 
    ... 
    } 
} 

я должен был двигаться jquery и datatables.net НПХ пакетов под одним из этих "dependencies": {} или "devDependencies": {} в package.json и исчезла ошибка, после того, как:

{ 
    ... 
    ... 
    "devDependencies": { 
    "jquery": "^1.12.4", 
    "datatables.net": "^2.1.1", 
    ... 
    ... 
    } 
} 

Надеюсь, что это поможет!