Fl4m3Ph03n1x

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:

  1. mix new test_app --umbrella
  2. cd test_app/apps
  3. mix phx.new.web web_interface --no-dashboard --no-ecto --no-gettext --no-mailer
  4. cd web_interface
  5. Add {Phoenix.PubSub, name: WebInterface.PubSub} to lib/application.ex
  6. Inside web_interface folder mix setup
  7. mix assets.deploy
  8. 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?

Marked As Solved

Fl4m3Ph03n1x

Fl4m3Ph03n1x

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

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.

Where Next?

Popular Frontend topics Top

pillaiindu
Some days ago I came across a video teaching the internals of git. It had some nice diagrams and animations. The diagrams looked like han...
New
brian
I’m working with a designer who created a design in Photoshop. I am mostly a Node.js and Android dev, but when I have worked with designe...
New
david-j-m
Hi I have a gallery site which displays paintings according to selected category (oils, water-color, etc.) “on:click” event. When this e...
/js
New
david-j-m
Hi, have a svelte spa gallery site - repl here. Have a couple of category buttons - Oil on Canvas and WaterColor… Sidebar contains all im...
New
AlessandroDsgroup
Hi to everyone, we are experiencing a 401 error related to the connection of the websocket (in reference to our web app); we are unable ...
New
pavanforza
I have a requirement to extract data from firebase which is used to build serverless applications. Can we connect Firebase no-sql databa...
New
sona11
I was working on a project that required me to update data in a SQL database. I initiated a transaction and modified the data with a seri...
New
Fl4m3Ph03n1x
Background I have a fresh umbrella app and I am trying to create a Phoenix app inside it. However, even though I can create the Phoenix a...
New
Fl4m3Ph03n1x
Background I have a Phoenix application, where all pages (expect the login page) have a menu at the top. This menu will therefore only a...
New
harwind
I’m currently working on a front-end development project and I’m facing an issue with aligning items using CSS Flexbox. I want to horizon...
New

Other popular topics Top

New
PragmaticBookshelf
Learn from the award-winning programming series that inspired the Elixir language, and go on a step-by-step journey through the most impo...
New
AstonJ
I have seen the keycaps I want - they are due for a group-buy this week but won’t be delivered until October next year!!! :rofl: The Ser...
New
rustkas
Intensively researching Erlang books and additional resources on it, I have found that the topic of using Regular Expressions is either c...
New
foxtrottwist
A few weeks ago I started using Warp a terminal written in rust. Though in it’s current state of development there are a few caveats (tab...
New
New
PragmaticBookshelf
Author Spotlight: VM Brasseur @vmbrasseur We have a treat for you today! We turn the spotlight onto Open Source as we sit down with V...
New
New
AstonJ
This is a very quick guide, you just need to: Download LM Studio: https://lmstudio.ai/ Click on search Type DeepSeek, then select the o...
New
PragmaticBookshelf
Fight complexity and reclaim the original spirit of agility by learning to simplify how you develop software. The result: a more humane a...
New