Why does Mudblazor component appear without css?

Question

I have installed mudblazor through NuGet and followed the "tutorial" on how to set up mudblazor, I did everything step by step but for some reason the component appears without any css or js. I had to link a css and js file in _host.cshtml:

but the problem is that it still doesn't seem to work.

user_3462919 · Answer

Try to clone a MudBlazor template from github, https://github.com/Garderoben/MudBlazor.Templates, it should work out of the box, with all pre-requisites installed. If not, there is something wrong in your environment

user_16505832 · Answer

Create a razor component named _Imports in the folder of your pages and add the following: @layout MainLayout In your MainLayout you should have:

user_5262306 · Answer

In program.cs there is a missing instruction.

add the following line before builder.build() is called.

StaticWebAssetsLoader.UseStaticWebAssets(builder.Environment, builder.Configuration);

I spotted the discrepancy here: https://github.com/MudBlazor/Templates/blob/dev/src/.template.base/server/Program.cs#L9

user_647612 · Answer

Empty your browser cache and do a hard reload (press F12 in Chrome, then right-click on the reload icon and select "Empty cache and hard reload"). This will get the new client-side css and js content loaded in your Blazor WASM client.

user_14825471 · Answer

Make sure you set your base href like below:

Why does Mudblazor component appear without css?

5 Answers