.net 6 blazor wasm hot reload not working

user_314918 0
Viewed 5512

I'm using Visual Studio 2022 and created a new Blazor webassembly app and ran it. The option for hot reload on file save is checked.

If I make changes in the Counter component (either HTML or C# code changes) and save the file I see a tick symbol appear at the top left of the browser but neither of the changes have kicked in, the browser just continues with the old version. enter image description here

After the change the counter still increments even though I changed it to decrement and the h1 title doesnt include the 2 after it.

blazor-webassembly blazor asp.net-core
5 Answers

So i've worked out that it only works if you run the project without debugging, not with debugging.

Ctrl + F5 (hot reload works), F5 (doesn't work)

user_3149180

I can confirm what The Thirsty Ape suggested works when running Visual Studio 2022 and .NET 6

dotnet watch --project .\your-project-name-here.csproj

The browser will launch and the console should display something like:

watch : Hot reload enabled. For a list of supported edits, see https://aka.ms/dotnet/hot-reload. Press "Ctrl + R" to restart.

And finally after making a code change:

watch : Hot reload of changes succeeded.

No refresh is required

user_52966270

I was using the visual studio IDE 2022 v17.0.1

Updated the visual studio IDE 2022 to v17.1.2 supported the blazor hot reload

enter image description here

Note: Help -> Check for updates

user_118937650

It seems that Hot Reload works only in certain configurations:

  • When I host the app in IIS Express - hot reload works, even in Debug mode.
  • When I host the app in Docker, hot reload does NOT work neither with or without debugger.

I had tested in Visual Studio v17.2.2 (although v17.1.2 should be sufficient)

user_38549640

Just try restarting Visual Studio, if it suddenly stops working.

user_45812470
Related