Updated css file not reflecting in laravel

Question

I'm working on Laravel framework,

I have changed my bootstrap.min.css from v3 to v4 but it's not updated in the browser

I have tried:

php artisan cache:clear
php artisan route:cache
php artisan config:clear
php artisan view:clear
rm -rf bootstrap/cache/*/*

and I deleted the files from storage/framework/views but still, the CSS is not updating.

Can anyone please help me?

If it is in your local machine, please restart the application, remove the browser cache and try again. — Md. Abu Taleb, Dec 05 '19 at 10:57
Did you use the same filename? In that case it's probably cached by your browser. — Jerodev, Dec 05 '19 at 10:58
Open your devtools and follow this way: dev tools > network > disable cache https://stackoverflow.com/a/7000899/9487875 — Yusuf Ulusoy, Dec 05 '19 at 13:27
Thanks for the answers I just cleared my browser history and it's working fine — Sharmila, Dec 09 '19 at 11:17

score 9 · Answer 1 · answered Dec 05 '19 at 12:46

Just add a query string after end of the css file.Then it will not use cached file css. Like ?v=1,?v=2 or any random string.

Example

 <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Sites/stackoverflow/primary.css?v=1a040064279b" >

you can also use php function

?v=echo time();

score 5 · Answer 2 · edited Aug 21 '20 at 12:04

5

For custom CSS file in laravel, use time() function by the following method:

<link rel="stylesheet" type="text/css" href="{{asset('css/style.css?v=').time()}}">

Remember ?v= is just used for getting value by the time() function that will generate random number every time when you refresh the page.

edited Aug 21 '20 at 12:04

General Grievance

answered Aug 21 '20 at 11:15

Danish Kazmi

score 0 · Answer 3 · answered Dec 05 '21 at 15:58

0

This is caused by Chrome's cache. Just follow these steps:

1, Control+Shift+I

2, Click Network > Tick Disable cache

3, Reload Chrome!!

answered Dec 05 '21 at 15:58

Trinh Hieu

3 Answers3