App.css missing when deploying Phoenix app to fly.io

[Fl4m3Ph03n1x]

Problem

I am deploying a Phoenix application. This works well locally (localhot:4000), however on the production environment, the app.css is appears to be missing:

See: https://cashblog.org/

Code

I am deploying with fly.io. This is the Github workflow that does the deploy:

Fl4m3Ph03n1x/bmvp/blob/main/.github/workflows/fly.yml

The project can be seen here:

GitHub - Fl4m3Ph03n1x/bmvp: Peter Ulrich course on how to build and MVP with...

Before deploying I did run mix assets.deploy, but this seems to be doing nothing.

Question

I have also read this, but I don’t think I missed something:
https://hexdocs.pm/phoenix/fly.html

Does anyone know if I am missing something?

[Fl4m3Ph03n1x]

Turns out, the app.css was broken and as a consequence it was not being served to the clients. The reason for this what that VSCode was breaking my app.css file by formatting it incorrectly, automatically, every time I saved.

I fixed my VSCode in this other topic:

VSCode Format on save breaks app.css

Background I am using VSCode to do my Phoenix app, however, when modifying the app.css I realized the formatting was literally breaking my code. Specifically, “Format on Save”: [bad_save] As you can see, hover:ring-gray becomes hover: ring-gray, which is invalid and breaks the file. Questions Other than disabling VSCode’s format on save, does someone know how else I can fix this?