Blazor项目中Debug.WriteLine无法输出至谷歌Chrome控制台问题

我之前遇到过几乎一模一样的问题，折腾了好一会儿才解决，给你几个靠谱的思路试试：

• 改用官方推荐的ILogging机制
  .NET 5之后，Blazor WASM对调试输出的处理做了调整，Debug.WriteLine不再像.NET 3.1那样直接映射到浏览器控制台。更可靠的方式是使用Microsoft.Extensions.Logging.ILogger：

  1. 在组件中注入ILogger<YourComponentName>
  2. 使用_logger.LogDebug("test")替代Debug.WriteLine("test")
     这种方式不仅能输出到Chrome控制台，还能在Visual Studio的调试窗口中看到结构化的日志信息，同时也避免了链接器裁剪的问题。

• 检查项目的日志配置
  确保你的项目启用了控制台日志输出：

  • 在项目文件（.csproj）中添加或确认以下配置：

    <PropertyGroup>
      <ConsoleLoggerEnabled>true</ConsoleLoggerEnabled>
    </PropertyGroup>
    

  • 在Properties/launchSettings.json的Blazor WASM配置中，确认日志级别设置正确：

    "profiles": {
      "Blazor WASM": {
        "commandName": "Project",
        "dotnetRunMessages": true,
        "launchBrowser": true,
        "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
        "environmentVariables": {
          "ASPNETCORE_ENVIRONMENT": "Development"
        },
        "logging": {
          "logLevel": {
            "Default": "Debug",
            "System": "Information",
            "Microsoft": "Information"
          }
        }
      }
    }
    

• 排查链接器裁剪问题
  错误提示中的Cannot find member named 'Debug'很可能是因为.NET 5默认启用了链接器，它会裁剪掉未被直接引用的代码，包括Debug类的部分成员。你可以先临时关闭链接器测试：
  在项目文件中添加：

  <PropertyGroup>
    <BlazorWebAssemblyEnableLinking>false</BlazorWebAssemblyEnableLinking>
  </PropertyGroup>
  

  如果关闭后输出恢复，说明需要配置链接器保留System.Diagnostics.Debug相关的代码，在项目根目录创建LinkerConfig.xml：

  <linker>
    <assembly fullname="System.Diagnostics.Debug">
      <type fullname="System.Diagnostics.Debug" preserve="all"/>
    </assembly>
  </linker>
  

  然后在项目文件中引用这个配置：

  <PropertyGroup>
    <BlazorWebAssemblyLinkerDescriptor>LinkerConfig.xml</BlazorWebAssemblyLinkerDescriptor>
  </PropertyGroup>
  

• 清理并重建项目
  升级框架版本后，旧的构建缓存可能导致奇怪的问题。尝试：

  1. 删除项目的bin和obj文件夹
  2. 在Visual Studio中执行“清理解决方案”和“重建解决方案”
  3. 重启Chrome并清除浏览器缓存（Ctrl+Shift+Delete），再重新启动调试

• 检查浏览器调试配置
  确保Chrome的调试控制台没有过滤掉Debug级别的日志：

  1. 打开Chrome控制台，点击“Levels”选项
  2. 确保“Verbose”或“Debug”选项被勾选
     另外，确认在Visual Studio调试时，已经正确附加到了Chrome的Blazor进程。

内容的提问来源于stack exchange，提问作者ca53rlb