Fl4m3Ph03n1x

Phoenix 1.7 welcome page assets not showing properly

Background

I have a a fresh umbrella project with a Phoenix app inside. To create the app I used the following commands:

mix new test_app --umbrella
cd test_app/apps
mix phx.new.web web_interface --no-dashboard --no-ecto --no-gettext --no-mailer
cd web_interface
Add {Phoenix.PubSub, name: WebInterface.PubSub} to lib/application.ex
Inside web_interface folder mix setup
mix assets.deploy
iex -S mix phx.server

After this last command I am then greeted with:

λ iex -S mix phx.server
03:18:31.953 [info] Running WebInterface.Endpoint with cowboy 2.10.0 at 127.0.0.1:4000 (http)
03:18:32.039 [info] Access WebInterface.Endpoint at http://localhost:4000
[watch] build finished, watching for changes…
Interactive Elixir (1.14.1) - press Ctrl+C to exit (type h() ENTER for help)
iex(1)> Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: GitHub - browserslist/update-db: CLI tool to update caniuse-lite to refresh target browsers from Browserslist config
iex(1)>
iex(1)> Rebuilding…
iex(1)>
iex(1)> Done in 476ms.
iex(1)>

Which outside of the warning for an outdated package, raises nothing to indicate that a step is missing/failed.

However, when I login into localhost:4000, I see this:

2c65a4fc3bcac39d737843a2ad3a334e0301c4d2

Which clearly means something is wrong.

Why is this happening, and how can I fix it?

1 comment

/elixir /phoenix

3 932 1

2023-05-23 07:52:07 UTC

Marked As Solved

Fl4m3Ph03n1x

Turns out this is a bug with the mix task, it simply generates the wrong code for umbrella phoenix apps:

github.com/phoenixframework/phoenix

Phoenix app generated in umbrella app (phx.new.web) does not generate correct app.css

opened 04:53PM - 05 Apr 23 UTC

paulbickford

### Environment * Elixir version (elixir -v): Elixir 1.14.3 (compiled with Er…lang/OTP 25) * Phoenix version (mix deps): phoenix 1.7.2 * Tailwind version: tailwind 0.2.0 * Operating system: Ubuntu 22.04.2 LTS ### Expected behavior I would expect Phoenix apps generated `phx.new` and `phx.new.web` to display the same. ### Actual behavior Generate a (non-umbrella) Phoenix app: `mix phx.new test --no-ecto` `cd test` `mix phx.server` Produces an `app.css` with 1823 lines and renders correctly. Generate an umbrella app and generate a Phoenix app inside it: `mix new test_umb --umbrella` `cd test_umb/apps` `mix phx.new.web testweb --no-ecto` Add `{Phoenix.PubSub, name: Testweb.PubSub}` to children in `application.ex` `cd .../test_umb` `mix phx.server` Produces an `app.css` with 687 lines and does not render correctly. The first 680 lines of both `app.css` seem to be the same.

With the help of the wonderful people at Elixir’s Discord chat, we raised this ticket.
Hopefully, it will eventually be fixed.

In the meantime, if you are creating a Phoenix umbrella app, you can try the theoretical workaround provided in the ticket created. However, since I am not sure this is the way the Phoenix team is going to go with fixing this, I would personally still wait for their fix, or at least for confirmation they are going to implement it this way.

Post #2