TomSelect with laravel and npm vite

Question

my app.js file:

import './bootstrap';
import jQuery from 'jquery';
window.$ = jQuery;
import './tom-select.complete';

app.css:

@import 'tom-select.bootstrap4.css';
@tailwind base;
@tailwind components;
@tailwind utilities;

vite.config.js:

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
    ],
});

And the script in my blade file:

@script()
<script>

    $(document).ready(function() {
        var settings = {
            plugins: ['remove_button','dropdown_input'],
        };
        var select = new TomSelect('#mySelect', settings);

        $('#mySelect').on('change', function(e) {
            $wire.selectedManagers = $(this).val();
        });
    });
</script>
@endscript

When I use this configuration in my local environment with npm run dev it works, but when i try to deploy it in my server i can buold without problems with npm run build, but I got this error:

jQuery.Deferred exception: TomSelect is not defined ReferenceError: TomSelect is not defined at HTMLDocument.eval (eval at safeAsyncFunction (