Laravel + vite + jQuery + сортировщик таблиц ⇐ Jquery

[Anonymous]

Я немного новичок в vite/npm, и у меня проблемы с загрузкой всех компонентов. Фреймворк PHP — Laravel 11 + Blade + vite.
Файл макета содержит jQuery в разделе заголовка (у меня были почти такие же проблемы с загрузкой JS, поэтому я сохранил его с тех пор, как используйте его во многих местах):

Код: Выделить всё

      

window.jQuery = window.$;


@stack('header_scripts')


@vite(['resources/css/app.css', 'resources/js/app.js'])

App.js:

Код: Выделить всё

import Alpine from 'alpinejs';

window.Alpine = Alpine;

Alpine.start();

import 'jquery-datetimepicker';
// datetimepickerFactory($);

import 'tablesorter/dist/css/theme.dropbox.min.css';
import 'tablesorter/dist/js/jquery.tablesorter.combined.min.js';

И в моем файле представления это:

Код: Выделить всё

@push('scripts')

document.addEventListener("DOMContentLoaded", () => {
jQuery("#users-table").tablesorter({
....
});
});

@endpush

Стек('scripts') — это последняя строка перед закрывающим тегом /body в файле макета.
На странице render я получаю регистрации: 345 Uncaught TypeError: jQuery(...).tablesorter не является функцией в HTMLDocument., и я не могу понять, почему (работает npm run dev, также пробовал запустить ' запуск npm build')
Пожалуйста, помогите мне понять весь механизм загрузки и правильное решение проблемы.
(Я пробовал поместить jQuery в приложение .js, но мне не удалось правильно загрузить jquery-ui - казалось, что jQuery-ui не смог распознать jQuery при инициализации, поэтому он выскочил)

Подробнее здесь: https://stackoverflow.com/questions/792 ... ablesorter