AspNetCore.Diagnostics.HealthChecks Icons missing after upgrading to v8.0.0

What happened: Icons are missing

What you expected to happen: See the icons

How to reproduce it (as minimally and precisely as possible): I Upgraded to v8.0.0.0

Anything else we need to know?: Please see attached screenshot. Am I missing something on setup, or is this a bug on the newest version? On the previous package, everything was displaying correctly.

Environment:

.NET Core version: 8
Healthchecks version: 8.0.0.0
Operative system: Linux
Others:

Dec 18 '23 11:12 benjaminoerskov

me too.

Dec 19 '23 09:12 phivanloi

Same issue here. I was using version 6.0.5 and everything was ok, after migrating to version 8.0.0 the icons are missing

Dec 19 '23 19:12 MatheusXavier

I can see that loading a font-file fails.

Dec 22 '23 06:12 markmonster

Just running the HealthChecks.UI.Sample gives the same reproduction.

Found that the upgrade of css-loader from 4.3.0 to 6.8.1 caused the issue in this PR: https://github.com/Xabaril/AspNetCore.Diagnostics.HealthChecks/pull/2051

Looks like that the font was inlined in version 4.3.0 till 6.7.4 and published as a separate file the most recent versions of css-loader 6.8.0 and upwards. I'm not a frontend developer, so have no clue what would be the best way to fix this. Rolling back to version 6.7.4 of css-loader sounds like only a temporary solution.

Anyone with a knowledge around webpack / css-loader who can fix this the correct way?

Dec 22 '23 07:12 markmonster

Same issue facing.

Dec 27 '23 13:12 chirag-shingala-tark

Can sb fix it and release new version 8.0.1?

Dec 27 '23 14:12 PatryxCShark

I've discovered a temporary solution that might be helpful.

To address the issue, you can activate static files handling in your application. Specifically, you'll need to include the file 1ae4e3706fe3f478fcc1.woff2 in the wwwroot\ui\resources directory of your project. Here's a snippet of code to illustrate how you can set this up:

builder.WebHost.UseWebRoot("wwwroot");

var app = builder.Build();

// This will enable the serving of static files from the specified directory
app.UseStaticFiles();

Dec 27 '23 19:12 dougcunha

Where did you get the woff2 file from?

I'm now facing, below error in the temporary solution:

Dec 27 '23 20:12 markmonster

Where did you get the woff2 file from?

I'm now facing, below error in the temporary solution:

I got it from here https://github.com/Xabaril/AspNetCore.Diagnostics.HealthChecks/blob/master/src/HealthChecks.UI/assets/fonts/material.woff2

Just rename it to 1ae4e3706fe3f478fcc1.woff2 and you are ready to go.

Dec 27 '23 21:12 dougcunha

And when I I have REST API application?

Dec 28 '23 11:12 PatryxCShark

And when I I have REST API application?

The solution I proposed works just fine with REST API app.

Dec 29 '23 15:12 dougcunha

And when I I have REST API application?

Here, I am still using "startup.cs" from the legacy .net version, so I just created the folders put the file there set the build action to "content" and copy to output to "copy always" and added the "app.UseStaticFiles();" inside the "Configure(IApplicationBuilder app)".

Now, all icons working again. Thanks, @dougcunha!!