laravel 5- css and js are not loading with URL::assets

honestly, just try it like this,

<link href="/css/app.css" rel="stylesheet">

The / at the start of the address will asume you are at starting from the root of your server, which is the public directory.

Change /vendor/laravel/framework/src/Illuminate/Foundation/helpers.php/asset() function as follows:

function asset($path, $secure = null)
{
   return app('url')->asset("public/".$path, $secure);
}

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

to

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

Notice the / before js, possibly the reason why your css and js links are not working. Do same on the css as well.

Do:

1. php artisan config: clear
2. php artisan cache: clear
3. delete public/css and public/js
4. gulp
5. try it again

you have to put your css, js, images etc in the public folder. The root of the asset method is the public folder so if you have a public/css/style.css file, you can get its path by using asset('css/style.css').

The asset folder is for storing less or sass files which have to be compiled into a css file.

This is duplicate question. you can find my answer here also:

Why I can't obtain the complete path of a CSS resource in a blade template?

Do you see default laravel js and css files in resources folder? put your files there. I found this place the most convenient one.

You can load them in your blade like this: <link href="{!! asset('css/app.css') !!}" rel="stylesheet" type="text/css" >

if you are still facing problem try to run this on you project folder first and then try:

php artisan serve

I hope it work for you. Any question just let me know.

Changing the Node version from 15.* to 12.13.0 helped me to install node modules & then I did gulp & now everything works smooth!! yeah!!