Icons missing after upgrading to v8.0.0

[benjaminoerskov]

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:
  

[phivanloi]

me too.

[MatheusXavier]

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

[markmonster]

I can see that loading a font-file fails.

[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: #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?

[chirag-shingala-tark]

Same issue facing.

[PatryxCShark]

Can sb fix it and release new version 8.0.1?

[dougcunha]

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();

[markmonster]

Where did you get the woff2 file from?

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

[dougcunha]

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.

[PatryxCShark]

And when I I have REST API application?

[dougcunha]

And when I I have REST API application?

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

[MarioDesenv]

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!!

[sesausmd]

Same error here.
v 8.0.0

[TeuryBazzoBRQ]

Same here v 8.0.0

[DeepWorksStudios]

same issue

[ceberttylertech]

I am having this issue too

[code1line]

Me too...

[code1line]

Please have a look at stackoverflow: Solution with custom.css-file

So the above mentioned woff-file is not needed.

[DefinitelyADev]

Please have a look at stackoverflow: Solution with custom.css-file

So the above mentioned woff-file is not needed.

@code1line This is a nice temporary solution, but this still should be fixed.

[harlam357]

Still an issue with v8.0.1. I used @dougcunha woff file workaround.