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.
Environment
Actual behavior
Beacon config includes
tailwind_cssandtailwind_configto pull inapp.cssandbeacon.tailwind.config.bundle.jsexactly 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-3but it is not being defined in the page's stylesheet.In dev environment, classes are defined as expected.