Uncaught ReferenceError: $ is not defined Laravel 5.6

Question

I've tried everything :

mix.autoload({
    jquery: ['$', 'window.jQuery', 'jQuery'],
});

I've tried jQuery(document).ready(function($){});

I've tried even :

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

But still get the same console error knowing that I'm using Laravel 5.6 with Laravel Mix

Thank you helping

@R.Saif $(document).ready(function(){}),(jQuery); Could you try it this way. — Özgür Can Karagöz
– Özgür Can Karagöz, Commented Mar 28, 2018 at 15:00
I'e tried already and the error will chajhe to Uncaught Uncaught ReferenceError: jQuery is not defined — R.Saif
– R.Saif, Commented Mar 28, 2018 at 15:07

kuro · Accepted Answer · 2018-04-08 11:05:29Z

15

If you are not using vue , delete everything related to vue from assets/js/app.js .

And delete "defer" from layouts/app.blade.php

<script src="{{ asset('js/app.js') }}" defer></script>

to

<script src="{{ asset('js/app.js') }}"></script>

This will probably work with jquery.

I don't know when using vue. sorry.

answered Apr 8, 2018 at 11:05

kuro

1512 bronze badges

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

1 Comment

Thanks for the point about removing the defer from the script tag, never noticed it and it fixed my issue.

Sublth · Accepted Answer · 2020-11-18 13:21:45Z

0

It's an older question but if anyone else ends up reading this I'll went by answer by @kuro and found that adding defer to my own script

<script type="text/javascript" src="{{ URL::asset('js/path/my_script.js') }}" defer></script>

Like that worked for me.

answered Nov 18, 2020 at 13:21

Sublth

11 bronze badge