Laravel vite : Uncaught ReferenceError: jQuery is not defined

Question

I need to use jQuery Steps plugin with Laravel. I have added jQuery and jQuery Steps via NPM this is my resources\js\app.js

import './bootstrap';

import jQuery from 'jquery';
window.$ = jQuery;

window.jQuery = jQuery


import 'jquery-steps/build/jquery.steps.min.js';

This is my view.

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

<script type="module">
    $("#example-basic").steps({
        headerTag: "h3",
        bodyTag: "section",
        transitionEffect: "slideLeft",
        autoFocus: true
    });
 </script>

But getting this error.

Uncaught ReferenceError: jQuery is not defined at app-0acac567.js:23:13949

Did you try to move the bootstrap import after the jQuery one? With the type=module, can you try jQuery("#example-basic") instead of $, in line with the import jQuery line. — Greg
– Greg, Commented Sep 24, 2023 at 21:48
@Greg Thanks for the response but unfortunately didn't work :'( — vimuth
– vimuth, Commented Sep 24, 2023 at 21:59
How about: import {jQuery} from 'jquery'; window.$ = window.jQuery = jQuery; There's a lengthy thread here: stackoverflow.com/questions/41800122/… — Greg
– Greg, Commented Sep 24, 2023 at 22:24

vimuth · Accepted Answer · 2023-09-25 23:16:04Z

0

I had to use it like this in app.js

import('jquery-steps/build/jquery.steps.min.js').then(() => {
    $(document).ready(function () {
        $('#example-basic').steps({
            headerTag: 'h3',
            bodyTag: 'section',
            transitionEffect: 'slideLeft',
            autoFocus: true
        });
    });
});

answered Sep 25, 2023 at 23:16

vimuth

5,87356 gold badges98 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Laravel vite : Uncaught ReferenceError: jQuery is not defined

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related