AmbiguousMatchException in net8 Blazor web app

Question

AmbiguousMatchException in net8 Blazor web app

ayman awadallah 30

I am encountering an AmbiguousMatchException error in my client-side Blazor web app. The error message says "The request matched multiple endpoints. Matches: Fallback {*path:nonfile}". I tried to add app.razor containing this lines

<body>
    <div id="app"></div>
</body>

to aoo.razor ; to fix it, but it did not work. I also added builder.RootComponents.Add("#app"); to program.cs but still couldn't solve it. Can anyone help me solve this issue? Here is the page I am trying to call:

   @page "/add-Product"
<div class="container">
    <div class="row">
        <div class="col-md-6">
            <EditForm Model="MyProduct" Enhance OnInvalidSubmit="HandleSaveProduct" >
                <DataAnnotationsValidator/>
                <ValidationSummary></ValidationSummary>
               <div class="card">
                   <div class="card-header">Add Product</div>
                   <div class="card-body">

                   </div>
                   <div class="card-footer">
                         <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i>Save</button>
                   </div>
               </div>
            </EditForm>
        </div>
    </div>
</div>
 @code {
    Product MyProduct = new();
    public void HandleSaveProduct()
    {
        
    }
}

José Pablo Ramirez (a. k. a. webJose) 440 Reputation points

2024-01-06T22:05:27.9566667+00:00

The error is not about anything in the code of the pages. Instead, it is telling you it is a problem with the URL. What's the URL you are trying to access?
ayman awadallah 30 Reputation points

2024-01-06T22:47:26.5666667+00:00

dear José Pablo Ramirez this is the url https://localhost:7138/add-Product

ayman awadallah 30

I found this errors in the inspection in the error page of my browser does this help
favicon.ico:1 
        
        
        Failed to load resource: the server responded with a status of 404 ()
add-Product:1 
        
        
        Failed to load resource: the server responded with a status of 500 ()

ayman awadallah 30

This is the error in Kestrel

 Microsoft.AspNetCore.Diagnostics.DeveloperExceptionPageMiddleware[1]
      An unhandled exception has occurred while executing the request.
      Microsoft.AspNetCore.Routing.Matching.AmbiguousMatchException: The request matched multiple endpoints. Matches:

      Fallback {*path:nonfile}
      Fallback {*path:nonfile}
         at Microsoft.AspNetCore.Routing.Matching.DefaultEndpointSelector.ReportAmbiguity(Span`1 candidateState)
         at Microsoft.AspNetCore.Routing.Matching.DefaultEndpointSelector.ProcessFinalCandidates(HttpContext httpContext, Span`1 candidateState)
         at Microsoft.AspNetCore.Routing.Matching.DefaultEndpointSelector.Select(HttpContext httpContext, Span`1 candidateState)
         at Microsoft.AspNetCore.Routing.Matching.DfaMatcher.MatchAsync(HttpContext httpContext)
         at Microsoft.AspNetCore.Routing.EndpointRoutingMiddleware.Invoke(HttpContext httpContext)
         at Microsoft.AspNetCore.StaticFiles.StaticFileMiddleware.Invoke(HttpContext context)
         at Microsoft.AspNetCore.HttpsPolicy.HttpsRedirectionMiddleware.Invoke(HttpContext context)
         at Microsoft.AspNetCore.Diagnostics.DeveloperExceptionPageMiddlewareImpl.Invoke(HttpContext context)

2 answers

Your answer

José Pablo Ramirez (a. k. a. webJose) 440 Reputation points

2024-01-06T22:05:27.9566667+00:00

The error is not about anything in the code of the pages. Instead, it is telling you it is a problem with the URL. What's the URL you are trying to access?
ayman awadallah 30 Reputation points

2024-01-06T22:47:26.5666667+00:00

dear José Pablo Ramirez this is the url https://localhost:7138/add-Product
ayman awadallah 30 Reputation points

2024-01-07T14:36:59.5633333+00:00

I found this errors in the inspection in the error page of my browser does this help favicon.ico:1 Failed to load resource: the server responded with a status of 404 () add-Product:1 Failed to load resource: the server responded with a status of 500 ()
ayman awadallah 30 Reputation points

2024-01-07T15:08:39.18+00:00

This is the error in Kestrel

Microsoft.AspNetCore.Diagnostics.DeveloperExceptionPageMiddleware[1] An unhandled exception has occurred while executing the request. Microsoft.AspNetCore.Routing.Matching.AmbiguousMatchException: The request matched multiple endpoints. Matches: Fallback {*path:nonfile} Fallback {*path:nonfile} at Microsoft.AspNetCore.Routing.Matching.DefaultEndpointSelector.ReportAmbiguity(Span`1 candidateState) at Microsoft.AspNetCore.Routing.Matching.DefaultEndpointSelector.ProcessFinalCandidates(HttpContext httpContext, Span`1 candidateState) at Microsoft.AspNetCore.Routing.Matching.DefaultEndpointSelector.Select(HttpContext httpContext, Span`1 candidateState) at Microsoft.AspNetCore.Routing.Matching.DfaMatcher.MatchAsync(HttpContext httpContext) at Microsoft.AspNetCore.Routing.EndpointRoutingMiddleware.Invoke(HttpContext httpContext) at Microsoft.AspNetCore.StaticFiles.StaticFileMiddleware.Invoke(HttpContext context) at Microsoft.AspNetCore.HttpsPolicy.HttpsRedirectionMiddleware.Invoke(HttpContext context) at Microsoft.AspNetCore.Diagnostics.DeveloperExceptionPageMiddlewareImpl.Invoke(HttpContext context)

Answer 1

ayman awadallah 30

the solution is adding app.MapRazorComponents<App>()
    .AddInteractiveServerRenderMode()
    .AddInteractiveWebAssemblyRenderMode()
    .AddAdditionalAssemblies(typeof(AddUpdateProduct).Assembly); to program.cs  in server side while the AddUpdateProduct is the component in clientside

Answer 2

master_lam 0

I have same issue with SignalR + Net core 8. My solution: remove app.MapBlazorHub(); in Program.cs file.

Share via

AmbiguousMatchException in net8 Blazor web app

2 answers

Your answer