Blazor WebAssembly手动渲染组件遇Stack empty错误如何解决？

这个错误源于RenderTreeBuilder操作栈不匹配，同时伴随递归渲染逻辑、序号管理的问题，具体问题及修复方案如下：

1. 移除多余的CloseElement()调用 #

OpenComponent必须与CloseComponent配对使用，CloseElement仅用于关闭builder.OpenElement打开的HTML元素。你在builder.CloseComponent()之后额外调用了builder.CloseElement()，导致渲染栈被错误弹出，直接触发"Stack empty"异常。

2. 修复递归渲染逻辑 #

当子菜单存在时，你仅调用了CreateComponent(menuItems[i].mItems)但未将返回的RenderFragment添加到当前渲染构建器中，导致子菜单无法渲染，同时破坏了渲染流程的完整性。需通过builder2.AddContent将递归生成的子菜单片段注入到父组件的ChildContent中。

3. 正确管理渲染节点的sequence序号 #

Blazor要求每个渲染节点的sequence值唯一且稳定，使用全局Increment变量会导致序号在多次渲染或递归场景中混乱。应在每个RenderFragment内部使用局部变量生成序号，保证每个组件的序号基于上下文稳定唯一。

4. 移除冗余的CoreEmpty占位组件 #

无需通过CoreEmpty组件包裹内容，直接在RenderFragment中渲染CoreMenuItem即可，简化渲染逻辑。

修正后的CreateComponent方法 #

private RenderFragment CreateComponent(List<cMenuItem> menuItems) => builder =>
{
    try
    {
        for (var i = 0; i < menuItems.Count; i++)
        {
            // 用循环索引生成局部序号，保证每个组件的序号稳定唯一
            var baseSequence = i * 4;
            
            builder.OpenComponent(baseSequence, typeof(CoreMenuItem));
            builder.AddAttribute(baseSequence + 1, "Text", menuItems[i].mText);
            
            // 处理子菜单递归渲染
            if (menuItems[i].mItems.Count > 0)
            {
                var childItems = menuItems[i].mItems;
                builder.AddAttribute(baseSequence + 2, "ChildContent", (RenderFragment)(childBuilder =>
                {
                    CreateComponent(childItems)(childBuilder);
                }));
            }
            
            builder.CloseComponent();
        }
    }
    catch(Exception ex)
    {
        Console.WriteLine(ex.Message);
    }
};

主组件初始化代码（保持原样） #

protected override void OnInitialized()
{
    base.OnInitialized();

    if (Data != null && Data.Count == 1)
    {
        Menu1 = Data[0];
        CustomRender = CreateComponent(Menu1.mMenu);
    }
}

Razor页面代码（保持原样） #

@inherits cCoreMenu

@if(Data.Count > 1)
{
    @foreach(cMenu menu in Data)
    {
        
    }

}else if(Data.Count == 1)
{
    <RadzenMenu Click="@Menu1.OnClickMenu">
        @CustomRender
    </RadzenMenu>
}

内容的提问来源于stack exchange，提问作者Inês Borges