Why is Tailwind CSS not working on my new Hydrogen project?

Technical Q&A
,
1

I spun up a new Hydrogen project, went through the CLI setup selected Typescript, with TailwindCSS and to pre-scaffold all the routes.

Immediately Tailwind CSS is not working out of the box. No errors just seems to not be compiling. Now I built a project with no scaffolding and with javascript and Tailwind worked out of the box no problems. Is there something wro

2

adding @import url(‘tailwind.css’); to app.css. is temp solution to this too.

3

add

import tailwind from 'tailwindcss/tailwind.css';

import resetStyles from './styles/reset.css';
import tailwind from 'tailwindcss/tailwind.css';
import appStyles from './styles/app.css';

in root.tsx