Tailwind CSS not work on GitHub Pages
molystechie opened this issue · comments
Hello!
I am styling astro page with Tailwind CSS. But for some reason, the tailwind classes do not appear on the deployed GitHub page although it does show during the local build environment.
I have installed Tailwind through npm install @astrojs/tailwind and follow the official documentation as described on https://docs.astro.build/en/guides/integrations-guide/tailwind/
How to make Tailwind CSS work after deploy on GitHub Pages?
My test project is this one: https://github.com/molystechie/Astro-hello-world
Did you update Astro to the latest version?
@molystechie You need to specify the correct url, otherwise Tailwind CSS file, can't be loaded, check your network tab in the devtools. Also check my setup.
My project : https://github.com/wilfriedago/astrowind
Hello!
I am styling astro page with Tailwind CSS. But for some reason, the tailwind classes do not appear on the deployed GitHub page although it does show during the local build environment.
I have installed Tailwind through npm install @astrojs/tailwind and follow the official documentation as described on https://docs.astro.build/en/guides/integrations-guide/tailwind/
How to make Tailwind CSS work after deploy on GitHub Pages?
My test project is this one: https://github.com/molystechie/Astro-hello-world
I checked your repo. You need to config base in astro.config.mjs. See this.