jQuery+jQuery ui на Laravel 11 Vite

При подключении jQuery-ui возникает ошибка, до подключения UI, jquery работает хорошо,

[Error] ReferenceError: Can't find variable: jQuery
    (анонимная функция) (jquery-ui_dist_jquery-ui.js:7)
    Код модуля (jquery-ui_dist_jquery-ui.js:9)
[Error] ReferenceError: Can't find variable: $
    Код модуля (create:247)

bootstrap.js:

import * as Popper from '@popperjs/core'
window.Popper = Popper
//
import 'bootstrap'

import axios from 'axios';
window.axios = axios;

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

import jQuery from 'jquery';

import select2 from "select2"
select2();
window.$ = jQuery;
import 'jquery-ui/dist/jquery-ui';



import './dashboard.js';

vite.config:

defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.scss',
                'resources/js/app.js',
                'resources/css/dashboard.css'
            ],
            refresh: true,
        }),
    ],
    resolve: {
        alias: {
            '$':'jQuery',
        }
    },
    server: {
        hmr: {
            host: 'localhost',
        },
    },

});

Вызов в коде:

@push('js_after')
        <script type="module">

            $(document).ready(function () {
                $('#multiple-select-tags').select2({
                    theme: "classic",
                });

                $(function () {
                    $("#datepicker").datepicker({
                        showButtonPanel: true
                    });
                });
            });

        </script>
    @endpush

Прочел уже несколько десятков гайдов - ничего не помогает, прошу помощи.


Ответы (0 шт):