Blazor Webassembly 在 UI 中显示错误的时间

Question

我正在 .Net 5.0 Blazor WebAssembly 开发我的应用程序。我在 HTML 中显示当前时间。但是显示的时间总是-5.30 Hrs我的系统时钟中显示的时间。

经过一番谷歌搜索后，我在 official docs 中找到了以下内容。

我在 .csproj 文件中添加了以下标签，但仍然没有成功。

这是我的代码：

.csproj:

<PropertyGroup>
    <TargetFramework>net5.0</TargetFramework>
    <BlazorWebAssemblyLoadAllGlobalizationData>true</BlazorWebAssemblyLoadAllGlobalizationData>
    <InvariantGlobalization>true</InvariantGlobalization>
    <ServiceWorkerAssetsManifest>service-worker-assets.js</ServiceWorkerAssetsManifest>
</PropertyGroup>

<ItemGroup>
    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="5.0.0" />
    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="5.0.0" PrivateAssets="all" />
    <PackageReference Include="Microsoft.Extensions.Localization" Version="5.0.0" />
    <PackageReference Include="System.Net.Http.Json" Version="5.0.0" />
</ItemGroup>

代码：

@using System.Threading
@implements IDisposable

<p>@CurrentDateTime</p>

@code {
    private Timer _timer;
    public string CurrentDateTime { get; set; }

    protected override void OnAfterRender(bool firstRender)
    {
        if (firstRender)
        {
            _timer = new Timer(DateTimeCallback, null, TimeSpan.FromSeconds(1), TimeSpan.FromSeconds(1));
        }
    }

    private async void DateTimeCallback(object state)
    {
        CurrentDateTime = DateTimeOffset.UtcNow.ToLocalTime().ToString("dd MMM yyyy hh:mm:ss tt");
        await InvokeAsync(StateHasChanged);
    }

    public void Dispose()
    {
        _timer?.Dispose();
    }
}

时间截图：

请协助解决我遗漏的问题。

Answer 1

将 Microsoft.AspNetCore.Components.WebAssembly 和 Microsoft.AspNetCore.Components.WebAssembly.DevServer nuget 包从版本 5.0.0 更新到 5.0.1

后问题得到解决