css
Tailwind JIT mode not compiling classes
JIT.*error|tailwind.*JIT.*mode.*not.*compiling|watching.*not.*detecting
Fixes
- 1.JIT is default since Tailwind v3 — ensure content paths are correct so the compiler can find classes
- 2.Restart the dev server — JIT watches files specified in content config
- 3.Check that the file extension is included in content glob: './src/**/*.{js,ts,jsx,tsx,html,vue}'
tailwindJITcompilation
Related Errors
css3 fixes
Container queries not supported
@container.*not.*supported|container-type.*unknown
- •Add container-type: inline-size to parent
- •Check browser version supports container queries
css3 fixes
Container query: Invalid container name
container-name.*must be.*ident
- •Use valid CSS identifier for container-name
- •Don't use CSS keywords as container names
css3 fixes
Container query: No matching container ancestor
@container.*no.*ancestor.*container
- •Add container-type to an ancestor element
- •Check container-name matches query