.NET 8 Blazor客户端应用AmbiguousMatchException错误求助

出现“请求匹配了多个端点。匹配项: Fallback {*path:nonfile}”错误的核心原因是路由系统中存在重复的Fallback端点注册，按以下步骤排查解决：

1. 修正Program.cs中的根组件注册 #

客户端Blazor中，根组件注册必须明确指定组件类型，避免重复注册。检查你的Program.cs，确保只有一行根组件注册代码：

var builder = WebAssemblyHostBuilder.CreateDefault(args);
// 只保留这一行根组件注册，指定App作为根组件
builder.RootComponents.Add<App>("#app");
builder.RootComponents.Add<HeadOutlet>("head::after");

builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });

await builder.Build().RunAsync();

删除多余的builder.RootComponents.Add("#app");（未指定组件类型的注册会自动生成Fallback端点，导致冲突）。

2. 确保App.razor包含正确的Router配置 #

App.razor是Blazor路由的核心入口，必须包含Router组件来管理页面路由和Fallback逻辑。替换你的App.razor内容为：

<Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
    </Found>
    <NotFound>
        <LayoutView Layout="@typeof(MainLayout)">
            <p>抱歉，当前地址无对应内容。</p>
        </LayoutView>
    </NotFound>
</Router>

如果你的项目没有MainLayout，可以替换为自定义布局组件，或者直接移除DefaultLayout和LayoutView中的布局引用。

3. 检查重复的路由定义 #

• 确认/add-Product页面没有在多个Razor文件中重复使用@page "/add-Product"指令。
• 检查是否有其他组件或页面使用了相同的路由模板。

4. 清理缓存并重建项目 #

• 删除项目目录下的bin和obj文件夹。
• 在Visual Studio中点击“生成”→“重新生成解决方案”，或者通过CLI执行dotnet clean && dotnet build。

额外说明 #

你提供的/add-Product页面代码本身不会导致该路由冲突，但注意EditForm的OnInvalidSubmit仅在表单验证失败时触发，若需要处理验证通过的提交，需添加OnValidSubmit事件处理方法。

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