Laravel Webpack использует простой плагин jquery

Question

В последней версии Laravel я не могу использовать простой плагин jQuery.

Я пытаюсь использовать плагин bootstrap-datepicker. Поэтому я использовал:

yarn add bootstrap-datepicker

Тогда в моем app.js :

import './bootstrap';
import 'bootstrap-datepicker';

В bootstrap.js , у меня есть:

try {
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
} catch (e) {}

Это должно сделать jQuery глобальным, я думаю.

Но когда я пытаюсь:

$(function() {
        $('.input-daterange input').each(function() {
            $(this).datepicker('clearDates');
        });
});

Я получил ошибку:

app.js: 41747 Uncaught TypeError: $ (...). Datepicker не является функцией

У меня есть эта ошибка с большим количеством плагинов (daterangepicker, datepicker ...)

Что мне нужно сделать, чтобы использовать Webpack / Mix, чтобы просто использовать один простой плагин jQuery?

Answer 1

Я сделал это так:

В консоли:

npm i jquery-ui-dist

/ resources / assets / js / bootstrap.js:

try {
    window.$ = window.jQuery = require('jquery');
    require('bootstrap');
    require('jquery-ui-dist/jquery-ui')
} catch (e) {}

/ resources /assets / sass / app.scss:

@import'~jquery-ui-dist/jquery-ui';

В вашем блейде или в конце boostrap.js

$('.input-daterange input').datepicker(params)

В этом случае я использую jQuery UI DatePicker