Heroku server not loading tailwind css styles with my laravel project

Question

I deployed Laravel with Tailwind css on Heroku and my vanilla CSS for the home page is working fine but when I add /login to the address to move to laravel breeze login page, Tailwind css isn't loading.

This is the link for the homepage: https://zarafah.herokuapp.com/

And this is the login page which tailwind is not rendering: https://zarafah.herokuapp.com/login

When i checked the network tap on google chrome it shows like this: enter image description here

This is driving me crazy because on my local serve everything works perfectly.

I ran npm run prod and npm run production and made sure of everything but still I can't find out what is the issue.

I'm using Laravel 8 with Tailwind css v3.

andylondon · Accepted Answer · 2022-02-14 15:28:45Z

1

you have a http link for the css

change it to https

https://zarafah.herokuapp.com/css/app.css

and it should work

answered Feb 14, 2022 at 15:28

andylondon

1966 bronze badges

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

Collectives™ on Stack Overflow

Heroku server not loading tailwind css styles with my laravel project

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related