anonymouse703's avatar

DataTable Error on webpack

How to integrate bootstrap dataTable on webpack? I used Admin LTE on this project in my previous project using my another admin panel it's okay but in admin LTE I cannot configure the problem or where to put exact line of dataTable.

I got this error

Uncaught TypeError: $(...).DataTable is not a function
    at HTMLDocument.<anonymous> (blog:392)
    at e (main.js:2)
    at t (main.js:2)

and this is my webpack implementation


mix.styles([
    'resources/assets/admin/plugins/fontawesome-free/css/all.min.css',
    'resources/assets/admin/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css',
    'resources/assets/admin/plugins/icheck-bootstrap/icheck-bootstrap.min.css',
    'resources/assets/admin/plugins/jqvmap/jqvmap.min.css',
    'resources/assets/admin/dist/css/adminlte.min.css',
    'resources/assets/admin/plugins/overlayScrollbars/css/OverlayScrollbars.min.css',
    'resources/assets/admin/plugins/daterangepicker/daterangepicker.css',
    'resources/assets/admin/plugins/summernote/summernote-bs4.min.css',
    'resources/assets/admin/plugins/DataTables/css/dataTables.bootstrap4.css'
],'public/css/main.css')
    .scripts([
        'resources/assets/admin/plugins/jquery/jquery.min.js',
        'resources/assets/admin/plugins/jquery-ui/jquery-ui.min.js',
        'resources/assets/admin/plugins/bootstrap/js/bootstrap.bundle.min.js',
        'resources/assets/admin/plugins/chart.js/Chart.min.js',
        'resources/assets/admin/plugins/sparklines/sparkline.js',
        'resources/assets/admin/plugins/jqvmap/jquery.vmap.min.js',
        'resources/assets/admin/plugins/jqvmap/maps/jquery.vmap.usa.js',
        'resources/assets/admin/plugins/jquery-knob/jquery.knob.min.js',
        'resources/assets/admin/plugins/moment/moment.min.js',
        'resources/assets/admin/plugins/daterangepicker/daterangepicker.js',
        'resources/assets/admin/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js',
        'resources/assets/admin/plugins/summernote/summernote-bs4.min.js',
        'resources/assets/admin/"plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js',
        'resources/assets/admin/dist/js/adminlte.js',
        'resources/assets/admin/plugins/DataTables/js/dataTables.bootstrap4.min.js',
], 'public/js/main.js');
0 likes
2 replies
aurawindsurfing's avatar

@anonymouse703

Remove resources/assets/admin/plugins/DataTables/js/dataTables.bootstrap4.min.js from your mix and see if it compiles.

Import it manually at the top of the blade layout file.

Please or to participate in this conversation.