添加带Path的RadzenPanelMenuItem后出现Chrome 503错误求助

在MainLayout中添加RadzenPanelMenuItem并为菜单项设置Path属性后，出现以下错误：

"Could not read source map for chrome-error://chromewebdata/:
Unexpected 503 response from
chrome-error://chromewebdata/neterror.rollup.js.map: Unsupported
protocol "chrome-error:"

随后Chrome及其他浏览器均无法访问项目，VS调试也突然失败，该问题已在两个不同项目中复现。

相关代码 #

@inherits LayoutComponentBase
@inject IJSRuntime JSRuntime

<RadzenLayout>
    <RadzenHeader>
        <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0">
            <RadzenSidebarToggle Click="@(() => _sidebarExpanded = !_sidebarExpanded)" />
            <img src="assets/images/favicon.png" alt="Favicon" style="height: 32px; width: 32px; margin-right: 5px;" />
            <RadzenLabel Text="TEST" />
        </RadzenStack>
    </RadzenHeader>
    <RadzenSidebar @bind-Expanded="@_sidebarExpanded">
        <RadzenPanelMenu Style="width:300px">
            <RadzenPanelMenuItem Text="General" Icon="home">
                <RadzenPanelMenuItem Text="Buttons" Path="buttons" Icon="account_circle"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="Menu" Path="menu" Icon="line_weight"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="FileInput" Path="fileinput" Icon="attach_file"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="Dialog" Path="dialog" Icon="perm_media"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="Notification" Path="notification" Icon="announcement"></RadzenPanelMenuItem>
            </RadzenPanelMenuItem>
            <RadzenPanelMenuItem Text="Inputs" Icon="payment">
                <RadzenPanelMenuItem Text="CheckBox" Path="checkbox" Icon="check_circle"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="TextBox" Path="textbox" Icon="input"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="TextArea" Path="textarea" Icon="description"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="Password" Path="password" Icon="payment"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="Numeric" Path="numeric" Icon="aspect_ratio"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="DatePicker" Path="datepicker" Icon="date_range"></RadzenPanelMenuItem>
            </RadzenPanelMenuItem>
            <RadzenPanelMenuItem Text="Data" Icon="save">
                <RadzenPanelMenuItem Text="DataGrid" Path="datagrid" Icon="grid_on"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="DataList" Path="datalist" Icon="list"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="DropDown" Path="dropdown" Icon="dns"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="DropDownDataGrid" Path="dropdown-datagrid" Icon="receipt"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="ListBox" Path="listbox" Icon="view_list"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="TemplateForm" Path="templateform" Icon="line_style"></RadzenPanelMenuItem>
            </RadzenPanelMenuItem>
            <RadzenPanelMenuItem Text="Containers" Icon="account_box">
                <RadzenPanelMenuItem Text="Tabs" Path="tabs" Icon="tab"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="Panel" Path="panel" Icon="content_paste"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="Fieldset" Path="fieldset" Icon="account_balance_wallet"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="Card" Path="card" Icon="line_style"></RadzenPanelMenuItem>
            </RadzenPanelMenuItem>
            <RadzenPanelMenuItem Text="More">
                <RadzenPanelMenuItem  Text="Item1"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem  Text="Item2"></RadzenPanelMenuItem>
                <RadzenPanelMenuItem Text="More items">
                    <RadzenPanelMenuItem Text="More sub items">
                        <RadzenPanelMenuItem  Text="Item3"></RadzenPanelMenuItem>
                        <RadzenPanelMenuItem  Text="Item4"></RadzenPanelMenuItem>
                    </RadzenPanelMenuItem>
                </RadzenPanelMenuItem>
            </RadzenPanelMenuItem>
        </RadzenPanelMenu>
        <div class="rz-p-4">
            Sidebar
        </div>
    </RadzenSidebar>

    <RadzenBody>
        <div class="rz-p-4">
            Body
        </div>
    </RadzenBody>
</RadzenLayout>

@code {
    bool _sidebarExpanded = true;
}

解决方案 #

• 验证路由定义：确保Path属性值对应的路由已在项目中正确配置，比如Path="buttons"需要对应/buttons的路由组件。未定义的路由会触发404错误，进而导致浏览器加载错误页时出现源地图解析问题。
• 清理浏览器缓存：按下Ctrl+Shift+Delete清理浏览器缓存及Cookie，重启浏览器后重新访问项目。
• 重置VS调试环境：关闭当前调试会话，重启Visual Studio，执行项目清理（右键项目→清理）后重新生成（右键项目→生成），再启动调试。
• 更新Radzen组件版本：检查并更新Radzen Blazor组件到最新稳定版，旧版本可能存在Path属性的路由解析bug。
• 替换Path为NavigateUrl：尝试将Path属性替换为NavigateUrl，手动指定完整路由路径，例如NavigateUrl="/buttons"，绕过Radzen内部的路由解析逻辑。

内容的提问来源于stack exchange，提问作者Barış BAYIN