CSS & JS not loading

[azharmalik3]

Successfully ran the backpex into my project but it seems CSS not loading. Also, showing empty label buttons.

Also, it shows large icons.

[Flo0807]

Hey, are Tailwind CSS and daisyUI installed correctly?

[azharmalik3]

Hi, I installed it using the installation guide and I'm not sure if it installed correctly or not.

Do you know how I can verify?

[fimac]

I'm having a similar issue.

I've been testing out adding Backpex (v0.5.1) into an existing project as we need an admin ui. But the existing project was built as a no html project, as it's just been used for API endpoints until now. So I have had to add in tailwind manually.

I was testing out kaffy and live admin as well, which all rendered ok. It might just be that i've messed something up with the install steps for daisy ui/tailwind config changes.

I'm going to test out the install with a fresh phoenix project and try installing Backpex into that to see if I can work out what i've missed.

[fimac]

I tested the install steps in a fresh phoenix project and I'm not having the issue. Just trying to figure out what i'm missing in my initial implementation.

[fimac]

My issue was due to missing this in the :browser pipeline in router.ex.

plug :put_root_layout, html: {YourAppWeb.Layouts, :root}

Adding that in, and my UI displays ok now.

I noticed the below error in the console in my browser, if you see that, maybe the above will fix your issue.

[azharmalik3]

Yes, I noticed this and added this line in the router it starts loading layouts but still does not load CSS and JS files.

[fimac]

Does your static_paths function in YourAppWeb have assets included?

def static_paths, do: ~w(assets fonts images favicon.ico robots.txt)

[azharmalik3]

Yes, I added assets in the static_paths in my AppWeb.

[azharmalik3]

Thanks, The Problem is resolved.

I missed some configuration in the dev.ex for tailwind and esbuild.