Tailwind utility classes are not compiled

[dimitryvolos]

Hi Greg,

Thank you for your work on this project.

I recently came back to old project (few months old), made few changes and run 'watch' & 'dev' commands, but for whatever reason main 'style.css' file was not compiled. It seems like only changes are accepted from base base.css file. Any utility classes on php/html files are ignored.

I also tested this on a fresh blank installation of WordPress, but unfortunately the issue remains.

I tried to add '@source "theme/**/*.php";' to top of 'tailwind.css' file, but it is selective of what files to include.

This was not the issue in few month back.

Thanks for help,

[gregsullivan]

Hi Dimitry,

Thanks very much for posting this—I'm happy you've found the project to be valuable so far!

I have a couple of questions for you:

• Have you tried a freshly generated version of _tw to see whether it compiles as expected?
• While it's kind of ridiculous, I have heard reports that restarting one's computer sometimes fixes issues with npm similar to these—basically ones where things are failing in ways that aren't easily explained by normal use or code changes. Have you restarted your computer since encountering these issues for the first time?

The only similar thing I can report is that I've encountered issues in cases where Tailwind is running in a folder that is itself running inside of a git repository with a .gitignore file containing * or a similarly broad ignore statement. You could try moving your theme folder to somewhere outside other git repositories to see whether it works there.

All of that aside, it's challenging for me to say more without seeing the repository itself.

Hopefully some of the above is helpful to you!

[dimitryvolos]

Hi Greg,

Thanks for responding so fast, much appreciated.

I have generated fresh version of theme twice, with same results.

I have also tried switching on multiple node versions and rolled back WP to previous version, with not success.

Will try restarting my PC to see if that works :)

Regards,
Dimitry

[dimitryvolos]

Hi Greg,

Further to my previous message. Restarted my PC and run all updates, still no luck.

Generated fresh theme. Added following div to 'index.php' file in root of 'wp-content/themes/theme_name/theme' folder.

Added a div with classes (text-red-500 text-7xl), to php file to test.

Seems that tailwind only renders, watches 'css' files.

Adding '@source "./theme/**/*.php";' to 'tailwind.css' file only renders catches files that are on first level, not sub-folders.

Also, style.css file generated is not compressed.

Strange, will need to keep testing.

Regards,
Dimitry

[gregsullivan]

Hi Dimitry,

One thing we could do to isolate the issue:

• On GitHub, go to your repository root
• Click the green "Code" button
• Switch to the Codespaces tab
• Click "Create codespace on main"
• Wait for the codespace to fully load
• Run nvm use default to confirm you're using Node.js 24
• Run npm i and npm run dev

Then look at ./theme/style.css within the codespace, checking for the styles that are missing for you in local development.

Also, style.css file generated is not compressed.

That's the be expected if you're using npm run dev. Are you also finding this with npm run prod? There was an older version of _tw with this bug, but only for a short time. If you're having this issue with npm run prod, I can point you to the change that fixes it.

[dimitryvolos]

Hi Greg,

Thank you for your support.

So the issue was indeed with '.git'. Once I run 'git init' and rebuilt the project, it seemed to fix the issue.

For now everything seems to be working.

Regards,
Dimitry

[gregsullivan]

Hi Dimitry,

Very happy to hear it—please don't hesitate to reach out if you have any other questions in the future!