missing jquery even though it is inside file laravel

Question

I need help with this problem, it keeps giving me this error in the developer tool even though the file is already in place.

It keep giving me this error:

Failed to load resource: the server responded with a status of 404 (Not Found)

Which I know that it is because it is not at the correct location but I have put it there correctly. Why do I keep getting this? Just now it was working fine but not sure what happen

Here is the location where I keep all the js file:

C:\xampp\htdocs\Evaluation\public\js

test.blade.php

<a class="word-export" href="javascript:void(0)">Export to Word (.doc)</a>

    <div class="word-content">
        <title>Test</title>
        <p>test somehting</p>
        <p>jadanjdwlb</p>
    </div>

<script src="js/signature_pad.js"></script>
<script src="js/test2.js"></script>

<script src="js/jquery.min.js"></script>
<script src="js/FileSaver.js"></script>
<script src="js/jquery.wordexport.js"></script>
<script>
    $('.word-export').click(function(events){
        $('.word-content').wordExport();
    });
</script>

It also gave me this error at my script and I know there shouldn't be anything wrong with it.

Uncaught ReferenceError: $ is not defined

Include jQuery before your script! As it should be first to be added while page loads and binds your events! — Dhaval Marthak
– Dhaval Marthak, Commented Dec 8, 2017 at 9:16
@DhavalMarthak I already done that but it just keep returning me error 404 I even remove the signature script and test script but still there — blastme
– blastme, Commented Dec 8, 2017 at 9:20
Try like: <script type="text/javascript" src="{{ URL::asset('js/test2.js') }}"></script> — Hiren Gohel
– Hiren Gohel, Commented Dec 8, 2017 at 9:21

Hiren Gohel · Accepted Answer · 2017-12-08 09:30:06Z

1

Try like this:

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

{{ URL::asset() }} is take path from your public directory!

If you created directory in assets in public then take {{ URL::asset('assets/') }}

Hope this helps you!

edited Dec 8, 2017 at 9:30

answered Dec 8, 2017 at 9:22

Hiren Gohel

5,0496 gold badges31 silver badges50 bronze badges

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

1 Comment

Hiren Gohel Over a year ago

If you created directory in assets in public then take {{ asset('assets/your_image_name') }}

Himanshu Upadhyay · Accepted Answer · 2017-12-08 09:21:34Z

1

There is a function available in laravel to load css and js and other assets. So to use that, put your css and js folders in public/assets folder. (You need to make assets folder)

Then load your files like this:

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

edited Dec 8, 2017 at 9:21

answered Dec 8, 2017 at 9:15

Himanshu Upadhyay

6,5571 gold badge23 silver badges34 bronze badges

9 Comments

Dhaval Marthak Over a year ago

Include jQuery before your actual script!

Himanshu Upadhyay Over a year ago

yes, @DhavalMarthak is right. Put <script src="js/jquery.min.js"></script> to first of the other JS load.

blastme Over a year ago

I tried that as well but it doesn't work it, it just keep returning me error 404, just now it was working but after adding some text in it showed me the error again

Himanshu Upadhyay Over a year ago

So you can see 404 for all JS files in console?

blastme Over a year ago

Ohh I see thank you so much for your help and explaination, I look around and all I found for this error was because in wrong folder or location. Thank you all for helping me :)

|

Collectives™ on Stack Overflow

missing jquery even though it is inside file laravel

2 Answers 2

1 Comment

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related