Server Blazor中Razor组件传参触发ERR_INCOMPLETE_CHUNKED_RESPONSE问题

核心问题定位与解决方案 #

1. 自定义类序列化配置缺失 #

• 确保Cocktail类满足序列化要求：
  • 所有属性设为public访问级别，且类包含无参构造函数
  • 若有嵌套对象，嵌套类需同步满足上述条件
  • 可选添加[Serializable]特性强化序列化支持

2. 调整参数传递方式 #

直接传递复杂对象易触发响应中断，推荐两种替代方案：

• 方案一：传递ID，组件内拉取数据

  <!-- Cocktails.cshtml -->
  <component type="typeof(CocktailView)" render-mode="ServerInteractive" param-CocktailId="@Model.Cocktail.Id" />
  

  <!-- CocktailView.razor -->
  @inject HttpClient Http
  @code {
      [Parameter]
      public int CocktailId { get; set; }
      private Cocktail? Cocktail { get; set; }
  
      protected override async Task OnInitializedAsync()
      {
          Cocktail = await Http.GetFromJsonAsync<Cocktail>($"api/cocktails/{CocktailId}");
      }
  }
  

• 方案二：序列化JSON字符串传递

  <!-- Cocktails.cshtml -->
  @using System.Text.Json
  <component type="typeof(CocktailView)" render-mode="ServerInteractive" param-CocktailJson="@JsonSerializer.Serialize(Model.Cocktail)" />
  

  <!-- CocktailView.razor -->
  @code {
      private Cocktail? Cocktail { get; set; }
  
      [Parameter]
      public string? CocktailJson { get; set; }
  
      protected override void OnParametersSet()
      {
          if (!string.IsNullOrEmpty(CocktailJson))
          {
              Cocktail = JsonSerializer.Deserialize<Cocktail>(CocktailJson);
          }
      }
  }
  

3. 排查循环引用问题 #

若Cocktail类存在实体关联导致的循环引用，会直接中断序列化流程：

// Program.cs中配置JSON序列化忽略循环引用
builder.Services.AddControllersWithViews()
    .AddJsonOptions(options =>
    {
        options.JsonSerializerOptions.ReferenceHandler = ReferenceHandler.IgnoreCycles;
    });

4. 确认渲染模式一致性 #

• 确保组件渲染模式（如ServerInteractive）与blazor.server.js引入、MapBlazorHub()配置完全匹配，避免模式冲突导致响应异常

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