The browser is stuck and no response after dotnet watch for web app when `Ctrl + S` in cshtml/razor.css/razor file.

[jinzhao1127]

REGRESSION INFO: Works well on 10.0 RC 2

INSTALL STEPS:

1. Install Latest 10.0 GA SDK from Release Tracker
2. Apply 10.0 GA Feed and do feed workaround

Platform

• Windows
• macOS
• Linux

Repro Steps

1. Open up a normal Command Prompt (Terminal)
2. Create a MVC App

   dotnet new mvc -o MVC
   cd MVC
   dotnet watch
   

3. Open Home/Index.cshtml in notepad, type Ctrl+S

Actual Result

The browser is stuck and no response when clicking nay button.
The browser will be stack if the command line appear No C# changes to apply

Log

C:\Users\v-zhajin\MVC>dotnet watch --verbose
dotnet watch ⌚ Working directory: 'C:\Users\v-zhajin\MVC'
dotnet watch ⌚ Watching with Hot Reload.
dotnet watch 🔥 Hot reload enabled. For a list of supported edits, see https://aka.ms/dotnet/hot-reload.
dotnet watch 💡 Press Ctrl+R to restart.
dotnet watch 🔨 Building C:\Users\v-zhajin\MVC\MVC.csproj ...
dotnet watch 🚀 Launched 'C:\Program Files\dotnet\dotnet.exe' with arguments 'build C:\Users\v-zhajin\MVC\MVC.csproj -consoleLoggerParameters:NoSummary;Verbosity=minimal --property:NuGetInteractive=true': process id 11424
dotnet watch ⌚ Process id 11424 ran for 2438ms and exited with exit code 0.
dotnet watch 🔨 Build succeeded: C:\Users\v-zhajin\MVC\MVC.csproj
dotnet watch 🔨   Determining projects to restore...
dotnet watch 🔨   All projects are up-to-date for restore.
dotnet watch 🔨   MVC -> C:\Users\v-zhajin\MVC\bin\Debug\net10.0\MVC.dll
dotnet watch 🔨
dotnet watch 🔨 Build succeeded.
dotnet watch 🔨     0 Warning(s)
dotnet watch 🔨     0 Error(s)
dotnet watch 🔨
dotnet watch 🔨 Time Elapsed 00:00:02.09
dotnet watch ⌚ Watching 78 file(s) for changes
dotnet watch ⌚ Exclusion glob: '**\node_modules\**;node_modules\**;**\jspm_packages\**;jspm_packages\**;**\bower_components\**;bower_components\**;**\packages.lock.json;bin\Debug\/**;obj\Debug\/**;bin\/**;obj\/**;**/*.user;**/*.*proj;**/*.sln;**/*.slnx;**/*.vssscc;**/.DS_Store' under project 'C:\Users\v-zhajin\MVC'
dotnet watch ⌚ Application kind: WebApplication.
dotnet watch 🔃 [MVC (net10.0)] Using browser-refresh middleware
dotnet watch 🔃 [MVC (net10.0)] Refresh server running at wss://localhost:55481,ws://localhost:55482.
dotnet watch ⌚ dotnet-watch is configured to launch a browser on ASP.NET Core application startup.
dotnet watch 🔥 [MVC (net10.0)] Waiting for application to connect to pipe fddc6411330c45fb9d006d90138f6a51.
dotnet watch 🚀 [MVC (net10.0)] Launched 'C:\Program Files\dotnet\dotnet.exe' with arguments 'run --no-build -e DOTNET_WATCH=1 -e DOTNET_WATCH_ITERATION=1 -e "HOTRELOAD_DELTA_CLIENT_LOG_MESSAGES=dotnet watch 🕵️ [MVC (net10.0)]" -e DOTNET_MODIFIABLE_ASSEMBLIES=debug -e "DOTNET_STARTUP_HOOKS=C:\Program Files\dotnet\sdk\10.0.100\DotnetTools\dotnet-watch\10.0.100\tools\net10.0\any\hotreload\net6.0\Microsoft.AspNetCore.Watch.BrowserRefresh.dll;C:\Program Files\dotnet\sdk\10.0.100\DotnetTools\dotnet-watch\10.0.100\tools\net10.0\any\hotreload\net10.0\Microsoft.Extensions.DotNetDeltaApplier.dll" -e DOTNET_WATCH_HOTRELOAD_NAMEDPIPE_NAME=fddc6411330c45fb9d006d90138f6a51 -e ASPNETCORE_AUTO_RELOAD_WS_ENDPOINT=wss://localhost:55481,ws://localhost:55482 -e ASPNETCORE_AUTO_RELOAD_WS_KEY=MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEApOboh5vnpBMhelkRBSkv2KvuJqSP+VqAWgHm2rJrb3j9slnmUnjFafZL7K5o1iGNIYLYs7hwo8VDI27hIQp3ISQUXc0J1CDEnUeN8Y2PP4tXCuI5PEpYJPMmUy21sIlGEp5ENiJu93o4vhtarfMpY88cRt5COseVIQOh8E1MByph50B1fAkoWDnMXj6excod53vI9wyQ/WUSovV88fJbxESE4HzAGDOIyVAS5bzC8FUikp4QcKU5WymHkQ+Tg5rp5NppdMigWybxhgz2WX9xjcJ6IMEPuQ9edPoGDba5KUnDW1lvdQGxCjIRQ9Hn0H7Aeg/bP74uYaBJsQfLyigRUQIDAQAB -e ASPNETCORE_AUTO_RELOAD_VDIR=/ -e ASPNETCORE_HOSTINGSTARTUPASSEMBLIES=Microsoft.AspNetCore.Watch.BrowserRefresh -e Logging__LogLevel__Microsoft.AspNetCore.Watch=Debug': process id 1684
Using launch settings from C:\Users\v-zhajin\MVC\Properties\launchSettings.json...
dotnet watch 🕵️ [MVC (net10.0)] Loaded into process: C:\Users\v-zhajin\MVC\bin\Debug\net10.0\MVC.dll (C:\Program Files\dotnet\sdk\10.0.100\DotnetTools\dotnet-watch\10.0.100\tools\net10.0\any\hotreload\net10.0\Microsoft.Extensions.DotNetDeltaApplier.dll)
dotnet watch 🕵️ [MVC (net10.0)] Windows Ctrl+C handling enabled.
dotnet watch 🕵️ [MVC (net10.0)] Connecting to hot-reload server via pipe fddc6411330c45fb9d006d90138f6a51
dotnet watch 🕵️ [MVC (net10.0)] Connected.
dotnet watch 🔥 [MVC (net10.0)] Capabilities: 'Baseline AddMethodToExistingType AddStaticFieldToExistingType AddInstanceFieldToExistingType NewTypeDefinition ChangeCustomAttributes UpdateParameters GenericUpdateMethod GenericAddMethodToExistingType GenericAddFieldToExistingType AddFieldRva'.
dbug: Microsoft.AspNetCore.Watch.BrowserRefresh.BlazorWasmHotReloadMiddleware[0]
      Middleware loaded
dbug: Microsoft.AspNetCore.Watch.BrowserRefresh.BrowserScriptMiddleware[0]
      Middleware loaded. Script /_framework/aspnetcore-browser-refresh.js (16481 B).
dbug: Microsoft.AspNetCore.Watch.BrowserRefresh.BrowserScriptMiddleware[0]
      Middleware loaded. Script /_framework/blazor-hotreload.js (799 B).
dbug: Microsoft.AspNetCore.Watch.BrowserRefresh.BrowserRefreshMiddleware[0]
      Middleware loaded: DOTNET_MODIFIABLE_ASSEMBLIES=debug, __ASPNETCORE_BROWSER_TOOLS=true
info: Microsoft.Hosting.Lifetime[14]
      Now listening on: http://localhost:5074
dotnet watch ⌚ Launching browser: http://localhost:5074
dotnet watch 🚀 Launched 'http://localhost:5074' with arguments '': process id 17076
info: Microsoft.Hosting.Lifetime[0]
      Application started. Press Ctrl+C to shut down.
info: Microsoft.Hosting.Lifetime[0]
      Hosting environment: Development
info: Microsoft.Hosting.Lifetime[0]
      Content root path: C:\Users\v-zhajin\MVC
warn: Microsoft.AspNetCore.HttpsPolicy.HttpsRedirectionMiddleware[3]
      Failed to determine the https port for redirect.
dbug: Microsoft.AspNetCore.Watch.BrowserRefresh.BrowserRefreshMiddleware[1]
      Response markup is scheduled to include browser refresh script injection.
dbug: Microsoft.AspNetCore.Watch.BrowserRefresh.BrowserRefreshMiddleware[2]
      Response markup was updated to include browser refresh script injection.
dbug: Microsoft.AspNetCore.Watch.BrowserRefresh.BrowserScriptMiddleware[0]
      Script injected: /_framework/aspnetcore-browser-refresh.js
dotnet watch 🌐 [Browser #1] Connected to refresh server.
dotnet watch ⌚ Solution: (null)
dotnet watch ⌚   Project: C:\Users\v-zhajin\MVC\MVC.csproj
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\Controllers\HomeController.cs [Tq6VCuMLSfpNVLZDn2PgHuf0btiUV6GPuxms8dqFc94=]
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\Models\ErrorViewModel.cs [tLXRHfNY7o3D7nzH4m9L8rZViKt+ss6utREXc5/aHZY=]
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\Program.cs [BT0x8ipuiefCHwl670rdwZzOlkEuB171tCD1xAZIUFc=]
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\obj\Debug\net10.0\MVC.GlobalUsings.g.cs [3N9VcC4C88yI78mo7CtogYkfiCHfJ9uQFXuklq6YE6E=]
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\obj\Debug\net10.0\.NETCoreApp,Version=v10.0.AssemblyAttributes.cs [k9Z0dhluv8gNHX2IRLkRRs/WeNEF9c5jXrkAykBhDJs=]
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\obj\Debug\net10.0\MVC.AssemblyInfo.cs [08a/xSpLnIWnSLeHdpvCP8+d9HU1bXfjtCsz3qHXuQE=]
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\obj\Debug\net10.0\MVC.RazorAssemblyInfo.cs [Hex2YP0gPZXiOAvVxPUq7VMFkq6ZaOVK1cgOb3OO558=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\Home\Index.cshtml [NlPyz0lLc/satO3BUknfqdM95/KCBUaZSsH6YBYUSUE=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\Home\Privacy.cshtml [DgCkRFshSGPqUciYX64ZcLQ+kycSIW+gR/rzBiuyNEU=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\Shared\Error.cshtml [Xb+Ytrk5SteCBu3OQMqx16I4qmnP76Qbqw68aqIkiKo=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\Shared\_ValidationScriptsPartial.cshtml [V08x9amkPNcvTgvBmf/9snIEsNC1N6yc1frUnYID39U=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\_ViewImports.cshtml [6Up8WobQBMz71/7FYn7mk3r9Hpx/OGWYMPA+iURYctI=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\_ViewStart.cshtml [R+ArTaINGYiSt7GwCxKUQGh5fEOO8ugtIP9wtNVrrTk=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\Shared\_Layout.cshtml [RzXhmA8ygka3igO/hMsCqw2XUMj4evLkoFGs2e9KTPI=]
dotnet watch ⌚     Config: C:\Users\v-zhajin\MVC\obj\Debug\net10.0\MVC.GeneratedMSBuildEditorConfig.editorconfig [SheD7EaPxOS9AsF364EiMerieiuyylMEyNIzyDufItE=]
dotnet watch ⌚     Config: C:\Program Files\dotnet\sdk\10.0.100\Sdks\Microsoft.NET.Sdk\analyzers\build\config\analysislevel_10_default.globalconfig [aIiuubiOOvHYkJihTt3jPfP1yoxKT4gNLyJ5qlYKST8=]
dotnet watch 🔥 Hot reload session started.
dotnet watch ⌚ Waiting for changes
dotnet watch ⌚ [FW] Updated 'C:\Users\v-zhajin\MVC\Views\Home\Index.cshtml'.
dotnet watch ⌚ File change: Update 'C:\Users\v-zhajin\MVC\Views\Home\Index.cshtml'.
dotnet watch ⌚ [FW] Updated 'C:\Users\v-zhajin\MVC\Views\Home\Index.cshtml'.
dotnet watch ⌚ File change: Update 'C:\Users\v-zhajin\MVC\Views\Home\Index.cshtml'.
dotnet watch ⌚ File updated: .\Views\Home\Index.cshtml
dotnet watch ⌚ Solution: (null)
dotnet watch ⌚   Project: C:\Users\v-zhajin\MVC\MVC.csproj
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\Controllers\HomeController.cs [Tq6VCuMLSfpNVLZDn2PgHuf0btiUV6GPuxms8dqFc94=]
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\Models\ErrorViewModel.cs [tLXRHfNY7o3D7nzH4m9L8rZViKt+ss6utREXc5/aHZY=]
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\Program.cs [BT0x8ipuiefCHwl670rdwZzOlkEuB171tCD1xAZIUFc=]
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\obj\Debug\net10.0\MVC.GlobalUsings.g.cs [3N9VcC4C88yI78mo7CtogYkfiCHfJ9uQFXuklq6YE6E=]
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\obj\Debug\net10.0\.NETCoreApp,Version=v10.0.AssemblyAttributes.cs [k9Z0dhluv8gNHX2IRLkRRs/WeNEF9c5jXrkAykBhDJs=]
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\obj\Debug\net10.0\MVC.AssemblyInfo.cs [08a/xSpLnIWnSLeHdpvCP8+d9HU1bXfjtCsz3qHXuQE=]
dotnet watch ⌚     Document: C:\Users\v-zhajin\MVC\obj\Debug\net10.0\MVC.RazorAssemblyInfo.cs [Hex2YP0gPZXiOAvVxPUq7VMFkq6ZaOVK1cgOb3OO558=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\Home\Index.cshtml [NlPyz0lLc/satO3BUknfqdM95/KCBUaZSsH6YBYUSUE=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\Home\Privacy.cshtml [DgCkRFshSGPqUciYX64ZcLQ+kycSIW+gR/rzBiuyNEU=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\Shared\Error.cshtml [Xb+Ytrk5SteCBu3OQMqx16I4qmnP76Qbqw68aqIkiKo=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\Shared\_ValidationScriptsPartial.cshtml [V08x9amkPNcvTgvBmf/9snIEsNC1N6yc1frUnYID39U=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\_ViewImports.cshtml [6Up8WobQBMz71/7FYn7mk3r9Hpx/OGWYMPA+iURYctI=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\_ViewStart.cshtml [R+ArTaINGYiSt7GwCxKUQGh5fEOO8ugtIP9wtNVrrTk=]
dotnet watch ⌚     Additional: C:\Users\v-zhajin\MVC\Views\Shared\_Layout.cshtml [RzXhmA8ygka3igO/hMsCqw2XUMj4evLkoFGs2e9KTPI=]
dotnet watch ⌚     Config: C:\Users\v-zhajin\MVC\obj\Debug\net10.0\MVC.GeneratedMSBuildEditorConfig.editorconfig [SheD7EaPxOS9AsF364EiMerieiuyylMEyNIzyDufItE=]
dotnet watch ⌚     Config: C:\Program Files\dotnet\sdk\10.0.100\Sdks\Microsoft.NET.Sdk\analyzers\build\config\analysislevel_10_default.globalconfig [aIiuubiOOvHYkJihTt3jPfP1yoxKT4gNLyJ5qlYKST8=]
dotnet watch 🔥 Hot reload capabilities: AddFieldRva AddInstanceFieldToExistingType AddMethodToExistingType AddStaticFieldToExistingType Baseline ChangeCustomAttributes GenericAddFieldToExistingType GenericAddMethodToExistingType GenericUpdateMethod NewTypeDefinition UpdateParameters.
dotnet watch ⌚ No C# changes to apply.
dotnet watch 🔃 [MVC (net10.0)] Updating diagnostics.
dotnet watch 🔥 Hot reload change handled in 92ms

Expected Result:
There is no any error when click counter button

Note:

1. This issue also reproduce when editing razor.css file.
2. This issue also reproduces on Blazor web and Standalone app
3. This issue also reproduce on 9.0/8.0 project after installing 10.0 RTM
4. This issue does not reproes in VS after clicking Hot reload
5. After refresh the browser, it will work.

[jinzhao1127]

@MackinnonBuck Could you help to look at this issue?

[jinzhao1127]

This issue still reproduce on latest released SDK 10.0.100

[kijanawoodard]

I'm seeing this exact issue. I can say for me it's on two projects. One that I upgraded from dotnet 9 to dotnet 10 and one that is still dotnet 9.

I tried a dotnet new blazor project. That appears to work fine.

[kijanawoodard]

In the dom, I see a div created with an id of "dotnet-compile-error".

[erkist]

In the dom, I see a div created with an id of "dotnet-compile-error".

Thank you for that information @kijanawoodard ! I was able to make a temporary workaround by putting

#dotnet-compile-error {
    display: none;
}

into a userstyle CSS file for my browser. I'm sure it will hide something I actually want to see at some point, but for now this at least makes the hot reload development flow work for me.

[kijanawoodard]

@erkist Does it actually "work" though? I tried this yesterday, but I can no longer get to my app's dom elements in dev tools.