PHP Laravel - jQuery not working - ReferenceError: $ is not defined

Question

I created a fresh Laravel project and added jquery file at:

rootproject/public/js/jquery-3.2.0.min.js

Now in welcome.blade.php, in html header tag I am referencing it as:

<link href="{{ asset('/js/jquery-3.2.0.min.js') }}" rel="stylesheet">

And put an alert() message in document load function.

$( document ).ready(function() {
  alert("my message");
});

But its not working. In console log it is showing error message:

ReferenceError: $ is not defined

Can anybody suggest how to fix it?

rel="stylesheet"?

Marian
– Marian

2017-04-01 12:15:26 +00:00
Commented Apr 1, 2017 at 12:15 — Marian
– Marian, Commented Apr 1, 2017 at 12:15

alaric · Accepted Answer · 2017-04-01 12:15:08Z

3

Replace

<link href="{{ asset('/js/jquery-3.2.0.min.js') }}" rel="stylesheet">

with:

<script src="{{ asset('js/jquery-3.2.0.min.js') }}"></script>

answered Apr 1, 2017 at 12:15

alaric

9875 silver badges10 bronze badges

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

Comments

Mayank Pandeyz · Accepted Answer · 2017-04-01 12:15:19Z

2

You are including JS file in CSS way:

<link href="{{ asset('/js/jquery-3.2.0.min.js') }}" rel="stylesheet">

that's the issue. Replace it with:

<script src="{{ asset('js/jquery-3.2.0.min.js') }}"></script>

every thing will be fine.

answered Apr 1, 2017 at 12:15

Mayank Pandeyz

26.3k4 gold badges43 silver badges61 bronze badges

Comments

Haninder Singh · Accepted Answer · 2017-04-01 12:16:18Z

-1

<script src="<?php echo URL::to('/'); ?>/public/js/jquery-3.2.0.min.js"></script>

Add script in this way

answered Apr 1, 2017 at 12:16

Haninder Singh

6284 silver badges14 bronze badges

1 Comment

milo526 Over a year ago

Please include some information as to why this is the correct answer. furthermore there are way more elegant ways to do this in laravel and your link does not work in the advertised laravel setup (since public should be the served root, so the link would be example.org/js/etc)

Collectives™ on Stack Overflow

PHP Laravel - jQuery not working - ReferenceError: $ is not defined

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related