ERROR 404 for js and css files, Laravel 5.8

Question

I get error 404 when trying to get the path of my css and js files. Any help will be appreciated, I'm using Laravel 5.8

<link href="{{asset('./public/css/bootstrap-datepicker.css')}}" rel="stylesheet">

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

<script src="{{asset('./public/js/bootstrap-datepicker.js')}}"></script>

Here's my directory

Question 2: How can I access the files from node_modules? I also get error 404

This is my code for accessing node_modules files:

<link href="{{asset('dist/css/datepicker.min.css')}}" rel="stylesheet" type="text/css">
<script src="{{asset('dist/js/datepicker.min.js')}}"></script>

<!-- Include English language -->
<script src="{{asset('dist/js/i18n/datepicker.en.js')}}"></script>

Try using this..... href="{{asset('css/bootstrap-datepicker.css')}}" — Tanvir Ahmed
– Tanvir Ahmed, Commented Sep 23, 2019 at 8:29

Paul Carlo Tordecilla · Accepted Answer · 2019-09-23 08:28:25Z

1

<link href="{{asset('css/bootstrap-datepicker.css')}}" rel="stylesheet">

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

<script src="{{asset('js/bootstrap-datepicker.js')}}"></script>

this the right answer... :D

answered Sep 23, 2019 at 8:28

Paul Carlo Tordecilla

601 bronze badge

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

1 Comment

Paul Carlo Tordecilla Over a year ago

you cant access node modules. you need to compile. here's the docs laravel.com/docs/5.5/mix

butter · Accepted Answer · 2019-09-23 08:28:15Z

1

Try removing the './' and just do

<link href="{{asset('public/css/bootstrap-datepicker.css')}}" rel="stylesheet">

answered Sep 23, 2019 at 8:28

butter

134 bronze badges

Comments

Puneet Sharma · Accepted Answer · 2019-09-23 08:32:31Z

0

Please try this and replace

<link href="{{asset('./public/css/bootstrap-datepicker.css')}}" rel="stylesheet">

to

<link href="{{URL::asset('css/bootstrap-datepicker.css')}}" rel="stylesheet">

The asset will get the path of the public folder.

Hope this will work.

answered Sep 23, 2019 at 8:32

Puneet Sharma

3053 silver badges14 bronze badges

Comments

Udhav Sarvaiya · Accepted Answer · 2019-09-23 08:46:54Z

0

For CSS:

<link href="{{ asset('css/bootstrap-datepicker.css') }}" rel="stylesheet" type="text/css" >

Make your directory structure is like this for CSS: /public/css/bootstrap-datepicker.css

For Javascript:

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

Make your directory structure is like this for JS:

/public/js/jquery.js
/public/js/bootstrap-datepicker.js

edited Sep 23, 2019 at 8:46

answered Sep 23, 2019 at 8:37

Udhav Sarvaiya

10.2k13 gold badges60 silver badges68 bronze badges

Collectives™ on Stack Overflow

ERROR 404 for js and css files, Laravel 5.8

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related