How to implement Jquery on Laravel

Question

I getting an error on the following line

 <script type="text/javascript" src="js/jquery.js"></script>

I think this is because if have not install jquery in my laravel project. For other packages I use npm. How can I install jQuery in laravel and how to set up the script type link correctly to my index page?

download the script file and put it in your public/js/ folder — Wesley Smith
– Wesley Smith, Commented Jul 29, 2017 at 17:39
You can use npm with laravel as well. Which laravel version did you use? — julianstark999
– julianstark999, Commented Jul 29, 2017 at 17:45
From what I understand, Laravel comes preset with jquery already. — parker_codes
– parker_codes, Commented Jul 29, 2017 at 17:58
When laravel comes with jquery already what i excatly i have to enter in my Index PHp to use it? — HansMuff
– HansMuff, Commented Jul 29, 2017 at 18:43

Alexey Mezenin · Accepted Answer · 2017-07-29 17:40:36Z

3

If you're using 5.4, you can just run npm run dev and you'll get jQuery in your app.

Another simple way to add jQuery to your app is too use CDN link:

<script src="http://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>

Or download jQuery minified script to the public/js directory and do this:

<script type="text/javascript" src="{{ asset('js/jquery.js') }}"></script>

answered Jul 29, 2017 at 17:40

Alexey Mezenin

164k27 gold badges309 silver badges287 bronze badges

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

Comments

Ahmed Nawaz Khan · Accepted Answer · 2018-05-15 06:30:45Z

0

Have a look at my detailed answer at How to use jquery-easing in laravel. I have explained how to compile down all your dependencies including jquery easily into one file public/js/app.js using laravel-mix

answered May 15, 2018 at 6:30

Ahmed Nawaz Khan

1,8764 gold badges27 silver badges45 bronze badges

Collectives™ on Stack Overflow

How to implement Jquery on Laravel

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related