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

Tailwind classes not compiling in prod #726

Open
absowoot opened this issue Jan 14, 2025 · 0 comments
Open

Tailwind classes not compiling in prod #726

absowoot opened this issue Jan 14, 2025 · 0 comments
Labels
bug Something isn't working

Comments

@absowoot
Copy link

Environment

  • Elixir version (elixir -v): 1.17.3
  • Phoenix version (mix deps): 1.7.11
  • Phoenix LiveView version (mix deps): ~> 1.0
  • Beacon version (mix deps): 0.3
  • Operating system: Mac OS
  • Browsers on which you attempted to reproduce this bug (the more the merrier): Chrome, Safari

Actual behavior

Beacon config includes tailwind_css and tailwind_config to pull in app.css and beacon.tailwind.config.bundle.js exactly as shown in the guides.

In production environment, app-based live_component's CSS is not compiled (ie it's missing in the stylesheet) when viewing a page created in Beacon. For example, my live component includes the class px-3 but it is not being defined in the page's stylesheet.

In dev environment, classes are defined as expected.

@absowoot absowoot added the bug Something isn't working label Jan 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant