Как включить JQuery из node_modules, кроме cdn в приложение Laravel 5.8?

Question

У меня есть приложение Laravel, и мне нужно включить все скрипты из моих пакетов npm.Для работы с Datatables и другими вещами, мне нужен JQuery для работы.Я реализовал JQuery из CDN ранее, теперь хочу использовать его из пакетов моего узла.

Я установил его, используя npm

npm install jquery

Но теперь я не могу использовать их и в chrome-dev-tool показывает $ как неопределенный символ.

Мой файл bootstrap.js в папке ресурсов выглядит следующим образом, и моя сборка Laravel mix успешно работает при запуске

npm run dev

window._ = require('lodash');

try {
    window.Popper = require('popper.js').default; //dont know working or not
    window.$ = window.jQuery = require('jquery'); // Present earlier

    require('bootstrap'); // working
    require('font-awesome/css/font-awesome.css'); // working
    require('datatables.net-bs4'); // not working

    window.toastr = require('toastr'); // not working
    window.DataTable = require('datatables.net'); // not working as jQuery is not working
} catch (e) {}

window.axios = require('axios'); // present from earlier
... continues

Iпробовал

include('jquery'),

include('jquery/dist/jquery'),

include('jquery/dist/jquery.js')

, но не работает

Answer 1

Попробуйте указать jquery в вашем bootstrap.js

require('jquery);

В вашем app.scss попробуйте следующее:

//DataTable
@import '~datatables.net-bs4/css/dataTables.bootstrap4.min.css';

Если после этого ваш jQuery и DataTable по-прежнему не работают,перейдите в каталог node_modules и проверьте, в порядке ли пакет jquery и ваш пакет данных.Если нет, выполните команду

npm update

и переустановите ваши пакеты.