How to resolve "An unhandled error has occurred. Reload 🗙" in Blazor application?

Hassan Raza Khan 20

I am encountering this error consistently while executing my Blazor file. I reinstalled Visual Studio in case of missing files, but it did not work. I also tried creating Blazor files both from CLI and VS, but the error persists.

Screenshot 2024-05-24 103512

JasonPan - MSFT 4,701 Reputation points Microsoft Vendor

2024-05-24T06:57:38.6033333+00:00

Hi @Hassan Raza Khan,

Please share your .net sdk and vs2022 version, I will check it in my side as soon as possible.

And we also need the detailed steps to reproduce the issue, waiting for your reply.

Thanks for your patience.

Best Regards

Jason

Hassan Raza Khan 20

Hi @JasonPan - MSFT ,

I'm using .net8 sdk and vs2022 17.10 version with the ASP.Net workload, also, I installed the .net sdk before vs2022.

First of all, I create the basic Blazor files with the default configurations with the CLI.

PS E:\Practice Projects> dotnet new blazor -n 'Sample Blazor App'
The template "Blazor Web App" was created successfully.
This template contains technologies from parties other than Microsoft, see https://aka.ms/aspnetcore/8.0-third-party-notices for details.

Processing post-creation actions...
Restoring E:\Practice Projects\Sample Blazor App\Sample Blazor App.csproj:
  Determining projects to restore...
  Restored E:\Practice Projects\Sample Blazor App\Sample Blazor App.csproj (in 112 ms).
Restore succeeded.


PS E:\Practice Projects> dotnet new sln -o '.\Sample Blazor App'
The template "Solution File" was created successfully.

PS E:\Practice Projects> cd '.\Sample Blazor App\'
PS E:\Practice Projects\Sample Blazor App> dotnet sln add '.\Sample Blazor App.csproj'
Project `Sample Blazor App.csproj` added to the solution.

Then I run it with the vs2022. Screenshot 2024-05-24 130906

Accepted answer

JasonPan - MSFT 4,701 Reputation points Microsoft Vendor

2024-05-24T11:00:48.07+00:00
Hi @Hassan Raza Khan,

After testing, the issue is related to the project name, you are using Sample Blazor App and issue occurs. If using SampleBlazorApp, it will works fine.

Reason:

In App.razor file, we can find it will use this line, then the url will be https://localhost:7298/Sample%20Blazor%20App.styles.css.

If there are no special characters (spaces) when naming, you will not encounter this problem.

<link rel="stylesheet" href="Sample Blazor App.styles.css" />

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best regards,

Jason
Please sign in to rate this answer.

1 person found this answer helpful.

0 comments No comments
Sign in to comment

Share via

How to resolve "An unhandled error has occurred. Reload 🗙" in Blazor application?

0 additional answers