Frontend not working
I dont really keen on frontend but I think have some knowledge about it would be nice, I'm learning how to use react typescript with tailwinds, and my app is not works as it should be, may I ask for some suggestion where should I check in my code to know the problem ?
16 Replies
The right picture is how the webpage suppose to look, the left one is how it looks like for now
It seems like your CSS is not loading
So... open the devtools and see if it is returning a 404 or what's going on
devtools is f12 on the webpage I assume ?
ye
Then the network panel
Then F5 to refresh the page
And see if the stylesheet request works or returns a 404 or some other error
all of them return 200
the stylesheet, i mean
And do they contain what you'd expect them to contain?
Click the request and see the response details
this is the responses from them
should it response with css code ?
Considering it's a CSS stylesheet... yes, it should respond with CSS code
And, it seems, it does
Is it the code that you wrote to make the site look like the image on the right?
Or are there discrepancies? Maybe it's an older version of what you currently have?
this is the code I put in the index.css
Ah, you're using Tailwind
Did you, uh, compile it?
Or whatever it is that you do with Tailwind?
ye, i mentioned it above :Arrestbi:
Right
compile ?
Idk how Tailwind works lol
Never used it
You might have more luck asking in webdev-specific servers tbh, maybe in #web
i see, lemme check :Arrestbi:
aight, I actually have solved it, all it need was update the react version
:Pikachu: