No styling [solved] | Astro Lounge | Page 1

hexed timber Jun 28, 2023, 8:32 PM

#

Trying to get back into Astro. Started off trying to upgrade an old project with tailwind, which didn't work, so I tried just starting a project with the example files; that's when I noticed zero styling is being applied. What could be causing this? There are no steps to reproduce, all I did was run the command (npm create astro@latest, typescript strict y, etc)

Things I tried:
Switching between node versions
Minimal Template/Example Template
npm astro add tailwind

Thank you

untold plinth Jun 28, 2023, 8:33 PM

#

does it happen in both dev and build?

hexed timber Jun 28, 2023, 8:41 PM

#

untold plinth does it happen in both dev and build?

Yes it does, dev, start, preview.

untold plinth Jun 28, 2023, 8:42 PM

#

dpes styling using style tags work

hexed timber Jun 28, 2023, 8:43 PM

#

untold plinth dpes styling using style tags work

inline-styles work, yes

untold plinth Jun 28, 2023, 8:44 PM

#

do you see something logged to the console?

#

its off that the welcome to astro page is unstyled

#

because it doesnt use tailwind at al

hexed timber Jun 28, 2023, 8:46 PM

#

no errors, vite connecting/connected. Exactly, the styles are defined in the component file

untold plinth Jun 28, 2023, 8:48 PM

#

it woud help to know more details about the project

#

since this seems to be just a starter template modified slightly, maybe you can share it on codesandbox or stackblitz?

hexed timber Jun 28, 2023, 9:20 PM

#

Well, you're not going to believe this but; I started the blog template in StackBlitz, it went through the installation steps and css worked. I downloaded that project and imported into VScode. It worked. I was then going to try to upload the offending project, but now it works too... what is this life...

#

No styling [solved]

#No styling [solved]