Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mostly fix TailwindCSS v4 Build issues #1990

Open
wants to merge 1 commit into
base: dev
Choose a base branch
from

Conversation

hudsonm62
Copy link

@hudsonm62 hudsonm62 commented Feb 20, 2025

Hey Nuno - I've been having a hack at this, however there are 2 problems I don't seem to be able to resolve myself. Hope this PR might help you complete the v4 migration.


Seems the old CLi is entirely incompatible with v4, now being a separate package and all. After resolving the CLi package problem, several issues sprung up (in order, as previous is resolved):

  • Error: Can't resolve 'components/zen-mode.css' in 'H:\Git\blowfish\assets\css'
    • Resolved by replacing @import 'components/zen-mode.css'; to @import './components/zen-mode.css';
  • Error: Cannot apply unknown utility class: rtl:pr-4 + Various others
  • Error: Cannot apply unknown utility class: bg-primary-100 + all other overrides
    • Due to the fact tailwind.config.js is no longer used.
    • Can be fixed easily with @config "../../tailwind.config.js";

Now this seems to actually work for the most part, only 2 issues I've been able to spot on the example site is 1. the homepage background layout:

Image

And 2. breadcrumbs:

image

I couldn't really progress much from here, so I tried the @tailwindcss/upgrade tool. It does make ALOT more changes for a "full" migration, but produces the EXACT SAME result as the above.

This does raise a new concern when/if deprecated classes are removed, but one thing at a time, right?

edit - fix grammar

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant