How do you call alert or console.log

[dodyg]

I tried but it never returns. Any of this call will work once then it just stops working.

protected override async Task OnInitAsync()
{
await JS.InvokeAsync<object>("alert", "Hello World");
await JS.InvokeAsync<object>("console.log", "hello world console");
}

---

Document Details

⚠ Do not edit this section. It is required for docs.microsoft.com ➟ GitHub issue linking.

• ID: 93f4eeb7-4bf9-2631-3814-52bd4608445b
• Version Independent ID: fcde7f10-d897-1276-a3b7-4c5d19d14e4c
• Content: Razor Components JavaScript interop
• Content Source: aspnetcore/razor-components/javascript-interop.md
• Product: aspnet-core
• GitHub Login: @guardrex
• Microsoft Alias: riande

[dodyg]

So anything synchronous at OnInitAsync would kill the JS Interop. This should be documented.

@page "/"
@inject IJSRuntime JS 

<button onclick="@ConfirmAsync">Confirm</button>

@functions  
{
    protected override async Task OnInitAsync()
    {
        await JS.InvokeAsync<object>("console.log", "hello world console");
    }

    async Task ConfirmAsync(){
        var result = await JS.InvokeAsync<bool>("confirm", "Do you confirm?");
        await JS.InvokeAsync<short>("alert", $"Result {result}");
    }
}

When I remove the console.log from OnInitAsync, everything will work just fine.

[guardrex]

Hello @dodyg ... This topic will be updated on #11314. We'll either look at this for that PR or the next PR (Preview3) right after it.

[danroth27]

This is a bug tracked by dotnet/aspnetcore#8274