如何使用LocalStorage更新Blazor Server购物车中的项目数量？

Question

我在Blazor Server Project中有一个购物车，每次将产品添加到购物车中时，我都想更新购物车数。我正在使用LocalStorage存储产品。当我尝试更新购物车中的项目数量时，我会遇到一个错误：

System.InvalidOperationException: 'IJSInProcessRuntime not available'

在导航栏中更新购物车：

<div class="top-row px-4">
    <a href="cart" >
        <span>
            <i class="bi bi-cart"></i> @GetCartItemsCount()
        </span>
    </a>
</div>

@code {
    [Inject] public ISyncLocalStorageService LocalStorage { get; set; }
    [Inject] public ICartService CartService { get; set; }

    protected override void OnInitialized()
    {
        CartService.OnChange += StateHasChanged;
    }

    private int GetCartItemsCount()
    {
        var cart = LocalStorage.GetItem<List<ShoppingCart>>(SD.ShoppingCart);
        return cart == null ? 0 : cart.Count;
    }

    public void Dispose()
    {
        CartService.OnChange -= StateHasChanged;
    }
}

在Cartservice中，我更新LocalStorage：

public class CartService : ICartService
{
    private readonly ILocalStorageService localStorage;
    public event Action OnChange;
    public CartService(ILocalStorageService localStorage)
    {
        this.localStorage = localStorage;
    }

    public async Task DecrementCart(ShoppingCart cartToDecrement)
    {
        var cart = await localStorage.GetItemAsync<List<ShoppingCart>>(SD.ShoppingCart);

        for (int i = 0; i < cart.Count; i++)
        {
            if (cart[i].ProductId == cartToDecrement.ProductId && cart[i].ProductVariantId == cartToDecrement.ProductVariantId)
            {
                if (cart[i].Count == 1 || cart[i].Count == 0)
                {
                    cart.Remove(cart[i]);
                }
                else
                {
                    cart[i].Count -= cartToDecrement.Count;
                }
            }
        }

        await localStorage.SetItemAsync(SD.ShoppingCart, cart);
        OnChange.Invoke();
    }

如何更新购物车中的产品数量？ 先感谢您。