How to get jQuery to work with Laravel?

Question

I'm trying to get jQuery to work with Laravel 5.4. I installed jQuery with npm. I have two files in the same folder: app.js and bootstrap.js. From app.js I import the file bootstrap.js with:

require('./bootstrap');

In bootstrap.js I import jQuery with:

window.$ = window.jQuery = require('jquery');

Still in my blade view when I try:

<script>
    $(document).ready(function () {
        console.log('jQuery is working!');
    });
</script>

I get a reference error telling me that "$ is not defined".

Any idea of what I am doing wrong? Thank you in advance.

SteD · Accepted Answer · 2017-02-25 15:57:45Z

1

Did you include it in your view? You need to put in something like this:

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

answered Feb 25, 2017 at 15:57

SteD

14.1k13 gold badges69 silver badges77 bronze badges

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

1 Comment

louisfischer Over a year ago

Yes! But I had the async attribute set to async in my script tag. Solved it!

Collectives™ on Stack Overflow

How to get jQuery to work with Laravel?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related