JavaScript file does not load properly in Laravel

Question

So, I am trying to load a js file into a page, the file does not load when I use simple HTML <script> tag, for example

<script src="js/laravel.js"></script>

But it loads when I use blade,

{!! Html::script('js/laravel.js') !!}

But the tricky part is, in some pages the simple HTML <script> loads the js file fine but in some it does not work at all.

All depends on current url and directory where js file is placed. In simple HTML script tag are using relative url to js file. So it always is linking to current folder/file. If you are on link domain.com it is looking for laravel.js in "webroot/js" folder. If you have url domain.com/subfolder/, it is looking for js file in folder "webroot/subfolder/js". — Autista_z
– Autista_z, Commented May 16, 2017 at 9:51
yes, it's in the public folder. and about the different folders, every page i create uses the same layout (where the js file is loaded), but why does some pages load the js file but some does not, this is bugging me — Rohit Kapali
– Rohit Kapali, Commented May 16, 2017 at 10:17

krisanalfa · Accepted Answer · 2017-05-16 09:52:19Z

3

To access your asset path, you can use asset function helper:

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

answered May 16, 2017 at 9:52

krisanalfa

6,4482 gold badges32 silver badges39 bronze badges

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

3 Comments

Rohit Kapali Over a year ago

yes, I knew that, thanks for answering, but I'm confused that without using the asset function, why is the js file not available for all the pages but some even though all the pages uses the same layout.

krisanalfa Over a year ago

It's because the you want to access the asset using relative path. Let's say you're in path /user/1, then the browser will try to get your asset => /user/1/js/laravel.js. Notice that you didn't prepend / in your asset path. Try prepend / character like: <script src="/js/laravel.js"></script>, I think it would work.

Rohit Kapali Over a year ago

hmmm..yeah, that seems to be the case, does work with a / . Thank you for the info, that was really helpful.

Collectives™ on Stack Overflow

JavaScript file does not load properly in Laravel

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related