#test

2 messages · Page 1 of 1 (latest)

dull radishBOT
#

Hi @twin parcel. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

#

Hmm, I don't know enough to give you a confident answer yet. However, there have been several issues reported on GitHub regarding the integration of Tailwind CSS with Svelte components in Astro. Some users have reported that Tailwind CSS does not get incorporated when a Svelte component is the only item on an Astro page (source (https://github.com/withastro/astro/issues/7050)). Others have reported issues with hot reloading of Tailwind CSS styles in Svelte components (source (https://github.com/withastro/astro/issues/4388)).

There are also reports of issues with PostCSS, which is used by Tailwind CSS, in the Svelte renderer (source (https://github.com/withastro/astro/issues/2211)). Some users have suggested that the custom Vite config in @astrojs/renderer-svelte needs to include the preprocessor option postcss: true for PostCSS, and therefore Tailwind, to run on .svelte components.

For the installation and configuration of Tailwind CSS in Astro, you can refer to the official Astro documentation here (https://docs.astro.build/en/guides/integrations-guide/tailwind#manual-install).

I would recommend checking these sources and trying the suggested solutions. If the problem persists, it might be a good idea to open an issue on the Astro GitHub page.

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: