Blazor WebAssembly中Syncfusion组件显示异常及功能失效问题求助

问题现象 #

• Syncfusion组件显示异常，日历控件格式错乱（渲染效果如下）
• 所有Syncfusion控件功能失效，按钮无法正常交互

相关代码片段 #

Program.cs #

using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
using Syncfusion.Blazor;

var builder = WebApplication.CreateBuilder(args);
builder.Services.AddSyncfusionBlazor();
var app = builder.Build();

app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();
app.MapBlazorHub();
app.MapFallbackToPage("/_Host");
app.Run();

Index.razor #

@using Syncfusion.Blazor
@using Syncfusion.Blazor.Calendars

<SfCalendar TValue="DateTime" />

Host.cshtml #

<head>
    ...
    <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
    <!--Use below script reference if you are using Syncfusion.Blazor Single NuGet-->
    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
    <script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
</head>

<component type="typeof(App)" render-mode="ServerPrerendered" />

排查情况 #

已按照Syncfusion官方文档推荐，在Host.cshtml（项目未使用index.html）中添加了必要的CSS和脚本引用，但问题仍未解决，推测问题与资源引用配置相关。

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