[regression/8.0.0-preview.7.8842] .NET Maui Blazor App throws "No interop methods are registered for renderer" javascript exception #16609

campersau · 2023-08-08T19:28:32Z

Description

When creating a new .NET Maui Blazor App in 8.0.100-preview.7.23376.3 and running it results in the following javascript exception when navigating or clicking on the counter button.

Open the dev tools to see the exception:

blazor.webview.js:1  Uncaught Error: No interop methods are registered for renderer 0
    at k (blazor.webview.js:1:13290)
    at blazor.webview.js:1:13196
    at T (blazor.webview.js:1:13379)
    at N (blazor.webview.js:1:13170)
    at x.dispatchGlobalEventToAllElements (blazor.webview.js:1:15755)
    at x.onGlobalEvent (blazor.webview.js:1:14948)

Steps to Reproduce

Create a new .NET Maui Blazor App and target .NET 8 preview (8.0.100-preview.7.23376.3)
Run the app on e.g. Windows Machine
Open the dev tools
Navigate through the menu and you notice the exception
But its easiest to see on the Counter page and clicking the Click Me button

Link to public reproduction project repository

No response

Version with bug

8.0.100-preview.7.23376.3

Last version that worked well

8.0.0-preview.6.8686

Affected platforms

Windows, and others

Affected platform versions

net8.0-windows10.0.19041.0

Did you find any workaround?

#16609 (comment)

Relevant log output

blazor.webview.js:1  Uncaught Error: No interop methods are registered for renderer 0
    at k (blazor.webview.js:1:13290)
    at blazor.webview.js:1:13196
    at T (blazor.webview.js:1:13379)
    at N (blazor.webview.js:1:13170)
    at x.dispatchGlobalEventToAllElements (blazor.webview.js:1:15755)
    at x.onGlobalEvent (blazor.webview.js:1:14948)

The text was updated successfully, but these errors were encountered:

Eilon · 2023-08-09T18:01:16Z

Alright we think we know what caused this and have a solution we're testing. We'll also test out a workaround so that anyone running into this in .NET 8 Preview 7 can get their Blazor Hybrid apps working.

cc @MackinnonBuck

Eilon · 2023-08-09T21:20:56Z

Note: .NET 8 RC1 is available and does not require any workaround

.NET 8 RC1 blog post is here with download details: https://devblogs.microsoft.com/dotnet/announcing-dotnet-8-rc1/

But if you're still on .NET 8 Preview 7, continue reading for the workaround...

Workaround for .NET 8 Preview 7

For anyone encountering this issue in .NET 8 Preview 7 (released August 8th, 2023), here's how you can work around it in your apps.

Background

A change was made to Blazor in .NET 8 Preview 7 to enable new Blazor Server and WebAssembly rendering scenarios. Unfortunately there is a bug that affects all Blazor Hybrid scenarios (the BlazorWebView control in .NET MAUI, WPF, and WinForms). The bug causes events such as button clicks in the BlazorWebView control to fail.

Workaround steps

Download the file blazor.webview.net8-p7fix.zip, decompress the ZIP, and add the blazor.webview.net8-p7fix.js in it to your app's wwwroot folder
Edit your app's wwwroot/index.html file and change the _framework/blazor.webview.js reference to instead point to the new file you added:
```
<script src="blazor.webview.net8-p7fix.js" autostart="false"></script>
```
(Note that the exact filename/sub-folder don't matter, so you can rename the file, as long as it doesn't conflict with any other existing file in your app.)
You should now be able to build/run/publish your app on all .NET MAUI platforms

This is already fixed for the next pre-release of .NET 8. When you update to the next pre-release of .NET 8, you will need to delete the file that you added and also change back the <script ...> reference in index.html.

If anyone here tries out this workaround and is successful (or not), please let us know. Thanks!

Fydar · 2023-08-10T16:36:23Z

The workaround was successful for me! Thanks for that! 🎉

v-Lily · 2023-08-11T08:12:40Z

@Eilon I tried the workaround in #16609 (comment), but it didn't solve my issue(#2270). Detailed reproduction steps refer to issue #2270.

Eilon · 2023-08-11T20:32:24Z

@MackinnonBuck - any idea about this one? In the macOS screenshot it's showing renderer 3, which I think is correct (it used to say renderer 0). And the filename shows that it's using the fixed JS file.

MackinnonBuck · 2023-08-11T21:20:11Z

I'll need a full repro to know what's going on there. @v-Lily, does your project use preview7 nugets? Could you please upload a repro project as a public GitHub repository?

Xyncgas · 2023-08-14T01:47:50Z

Thank u

v-Lily · 2023-08-14T03:17:07Z

I'll need a full repro to know what's going on there. @v-Lily, does your project use preview7 nugets? Could you please upload a repro project as a public GitHub repository?

@MackinnonBuck
Yes, my project uses preview 7 nugets and this issue also reproduces on Windows. I have uploaded the Windows repro project as a public GitHub repository.

Eilon · 2023-08-14T16:14:51Z

I'll take a look.

Eilon · 2023-08-14T17:07:06Z

I'll need a full repro to know what's going on there. @v-Lily, does your project use preview7 nugets? Could you please upload a repro project as a public GitHub repository?

@MackinnonBuck Yes, my project uses preview 7 nugets and this issue also reproduces on Windows. I have uploaded the Windows repro project as a public GitHub repository.

I cloned the repro and ran it on Windows and it seemed to work fine:

But I'll look some more.

Eilon · 2023-08-14T17:08:16Z

Here's the SDK version I'm using:

C:\Users\elipton>dotnet --info
.NET SDK:
 Version:   8.0.100-preview.7.23376.3
 Commit:    daebeea8ea

Runtime Environment:
 OS Name:     Windows
 OS Version:  10.0.22621
 OS Platform: Windows
 RID:         win10-x64
 Base Path:   C:\Program Files\dotnet\sdk\8.0.100-preview.7.23376.3\

.NET workloads installed:
There are no installed workloads to display.

Host:
  Version:      8.0.0-preview.7.23375.6
  Architecture: x64
  Commit:       65b696cf5e
  RID:          win-x64

.NET SDKs installed:
  3.1.426 [C:\Program Files\dotnet\sdk]
  7.0.400 [C:\Program Files\dotnet\sdk]
  8.0.100-preview.7.23376.3 [C:\Program Files\dotnet\sdk]

.NET runtimes installed:
  Microsoft.AspNetCore.App 3.1.32 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.AspNetCore.App 6.0.20 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.AspNetCore.App 7.0.9 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.AspNetCore.App 7.0.10 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.AspNetCore.App 8.0.0-preview.7.23375.9 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.NETCore.App 2.1.30 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.NETCore.App 3.1.32 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.NETCore.App 6.0.20 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.NETCore.App 7.0.9 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.NETCore.App 7.0.10 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.NETCore.App 8.0.0-preview.4.23259.5 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.NETCore.App 8.0.0-preview.7.23375.6 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.WindowsDesktop.App 3.1.32 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]
  Microsoft.WindowsDesktop.App 6.0.20 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]
  Microsoft.WindowsDesktop.App 7.0.9 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]
  Microsoft.WindowsDesktop.App 7.0.10 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]
  Microsoft.WindowsDesktop.App 8.0.0-preview.4.23260.1 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]
  Microsoft.WindowsDesktop.App 8.0.0-preview.7.23376.1 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]

Other architectures found:
  x86   [C:\Program Files (x86)\dotnet]
    registered at [HKLM\SOFTWARE\dotnet\Setup\InstalledVersions\x86\InstallLocation]

Environment variables:
  Not set

global.json file:
  Not found

@v-Lily - can you run dotnet --info and report what you see?

Eilon · 2023-08-14T17:34:48Z

And in the repro app from @v-Lily if I switch back to the regular blazor.webview.js that has the bug, I get the expected renderer failure.

In index.html I changed it to:

    <script src="/_framework/blazor.webview.js" autostart="false"></script>
    <!-- <script src="blazor.webview.net8-p7fix.js" autostart="false"></script> -->

And here's the 'expected' error on Windows:

And Android:

Eilon · 2023-08-14T17:35:54Z

@v-Lily - I wonder if maybe the app wasn't fully re-built? Can you try doing a "Clean" and then build/run again?

v-Lily · 2023-08-15T08:26:49Z

@v-Lily - can you run dotnet --info and report what you see?

@Eilon Thanks for your comment.
Here's the SDK version I'm using:

C:\Users\v-lilyli1>dotnet --info
.NET SDK:
 Version:   8.0.100-preview.7.23376.3
 Commit:    daebeea8ea

Runtime Environment:
 OS Name:     Windows
 OS Version:  10.0.22621
 OS Platform: Windows
 RID:         win10-x64
 Base Path:   C:\Program Files\dotnet\sdk\8.0.100-preview.7.23376.3\

.NET workloads installed:
There are no installed workloads to display.

Host:
  Version:      8.0.0-preview.7.23375.6
  Architecture: x64
  Commit:       65b696cf5e
  RID:          win-x64

.NET SDKs installed:
  8.0.100-preview.7.23376.3 [C:\Program Files\dotnet\sdk]

.NET runtimes installed:
  Microsoft.AspNetCore.App 6.0.20 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.AspNetCore.App 7.0.9 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.AspNetCore.App 8.0.0-preview.7.23375.9 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.NETCore.App 6.0.20 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.NETCore.App 7.0.9 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.NETCore.App 8.0.0-preview.7.23375.6 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.WindowsDesktop.App 6.0.20 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]
  Microsoft.WindowsDesktop.App 7.0.9 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]
  Microsoft.WindowsDesktop.App 8.0.0-preview.7.23376.1 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]

Other architectures found:
  x86   [C:\Program Files (x86)\dotnet]
    registered at [HKLM\SOFTWARE\dotnet\Setup\InstalledVersions\x86\InstallLocation]

Environment variables:
  Not set

global.json file:
  Not found

@v-Lily - I wonder if maybe the app wasn't fully re-built? Can you try doing a "Clean" and then build/run again?

I have fully rebuilt the app. The issue still reproduces after I try to do a "clean" and build/run again.

This is my repro machine: etvmaamy001 - 10.214.92.132. You have been added as an administrator, hope this helps you.

PeymanDinani · 2023-08-25T17:26:49Z

This issue only happens on Visual Studio 17.8.0 Preview 1.0.
I rolled back to Visual Studio 17.7.0 Preview 6.0 and opened the same project and it works just fine.

Any Idea?

ghost · 2023-08-25T17:26:54Z

Hello lovely human, thank you for your comment on this issue. Because this issue has been closed for a period of time, please strongly consider opening a new issue linking to this issue instead to ensure better visibility of your comment. Thank you!

Eilon · 2023-08-25T17:36:27Z

This issue only happens on Visual Studio 17.8.0 Preview 1.0. I rolled back to Visual Studio 17.7.0 Preview 6.0 and opened the same project and it works just fine.

Any Idea?

@PeymanDinani - this issues affects .NET 8 Preview 7, which I believe came with Visual Studio 17.8 Preview 1. You can either use the workaround listed above, or go back to using an earlier preview of .NET 8 (such as Preview 6). The full fix will be available in the next pre-release of .NET 8.

PeymanDinani · 2023-08-25T17:47:10Z

This issue only happens on Visual Studio 17.8.0 Preview 1.0. I rolled back to Visual Studio 17.7.0 Preview 6.0 and opened the same project and it works just fine.

Any Idea?

@PeymanDinani - this issues affects .NET 8 Preview 7, which I believe came with Visual Studio 17.8 Preview 1. You can either use the workaround listed above, or go back to using an earlier preview of .NET 8 (such as Preview 6). The full fix will be available in the next pre-release of .NET 8.

Oh ok. I guess I am experiencing a different issue with the same side effect. They closed my post on Microsoft visual studio forums and pointed me here.

My issue for reference:

https://developercommunity.visualstudio.com/t/Net-Maui-Blazor-hybrid-app-Events-are-n/10445068

Eilon · 2023-08-25T18:16:45Z

Hi @PeymanDinani , I was the one who closed that issue because it appears to be the same thing (clicks not responding in Blazor Hybrid apps with .NET 8 Preview 7). If you want to use .NET 8 Preview 7, please refer to the workaround listed above (it should only take 2 minutes to do the workaround).

Xyncgas · 2023-08-25T21:49:45Z

So if .NET preview becomes stable how do I upgrade my application to it, do I have to create a new project in the newest .NET stable or I can simply update my visual studio + remove the 'temporary changes' we applied using your zip

Eilon · 2023-08-25T22:53:46Z

So if .NET preview becomes stable how do I upgrade my application to it, do I have to create a new project in the newest .NET stable or I can simply update my visual studio + remove the 'temporary changes' we applied using your zip

@Xyncgas - for anyone using specifically .NET 8 Preview 7, you can use the workaround posted above. All other versions are fine (.NET 6, .NET 7, .NET 8 Preview 1-6, and any .NET 8 pre-release after Preview 7).

Eilon · 2023-09-14T21:42:03Z

Hi everyone, you should be able to download .NET 8 RC1 that was released this week and has the official fix. If you previously used the workaround posted above, you'll need to undo that change (delete the JS file and change the <script> reference back).

.NET 8 RC1 blog post is here with download details: https://devblogs.microsoft.com/dotnet/announcing-dotnet-8-rc1/

campersau added the t/bug Something isn't working label Aug 8, 2023

PureWeen added area-blazor Blazor Hybrid / Desktop, BlazorWebView Blazor ❤️ MAUI Issues in MAUI functionality that affect Blazor, but are not bugs in Blazor itself labels Aug 8, 2023

samhouts added the i/regression This issue described a confirmed regression on a currently supported version label Aug 8, 2023

campersau mentioned this issue Aug 9, 2023

Blazor button events not firing on MAUI Hybrid project after .NET 8 Preview 7 package update #16616

Closed

Eilon self-assigned this Aug 9, 2023

Eilon mentioned this issue Aug 9, 2023

[net8.0] Update dependencies from dotnet/aspnetcore #16498

Closed

MackinnonBuck mentioned this issue Aug 9, 2023

[Blazor] Fix WebView renderer not correctly dispatching browser events dotnet/aspnetcore#49958

Merged

samhouts added the external label Aug 9, 2023

MackinnonBuck closed this as completed in dotnet/aspnetcore#49958 Aug 9, 2023

This was referenced Aug 10, 2023

After update, Visual Studio 2022 Preview from 17.7. Preview 6 to 17.8.0 Preview 1 OnClick stopped working - MAUI Blazor #16684

Closed

[regession/8.0.0-preview.7.8842] MAUI Blazor Hybrid rerenders whole layout after each navigation #16661

Closed

drasticactions mentioned this issue Aug 14, 2023

.NET 8 MAUI.Blazor keyboard event doesn't work anymore #16730

Closed

slmnow mentioned this issue Aug 15, 2023

'MudMenuItem' element does not perform the 'OnClick' action from a mobile device. MudBlazor/MudBlazor#7344

Closed

2 tasks

ghost locked as resolved and limited conversation to collaborators Oct 18, 2023

samhouts added the platform/windows 🪟 label Feb 1, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[regression/8.0.0-preview.7.8842] .NET Maui Blazor App throws "No interop methods are registered for renderer" javascript exception #16609

[regression/8.0.0-preview.7.8842] .NET Maui Blazor App throws "No interop methods are registered for renderer" javascript exception #16609

campersau commented Aug 8, 2023 •

edited by samhouts

Loading

Eilon commented Aug 9, 2023

Eilon commented Aug 9, 2023 •

edited

Loading

Fydar commented Aug 10, 2023

v-Lily commented Aug 11, 2023

Eilon commented Aug 11, 2023

MackinnonBuck commented Aug 11, 2023

Xyncgas commented Aug 14, 2023

v-Lily commented Aug 14, 2023

Eilon commented Aug 14, 2023

Eilon commented Aug 14, 2023

Eilon commented Aug 14, 2023

Eilon commented Aug 14, 2023

Eilon commented Aug 14, 2023

v-Lily commented Aug 15, 2023 •

edited

Loading

PeymanDinani commented Aug 25, 2023

ghost commented Aug 25, 2023

Eilon commented Aug 25, 2023

PeymanDinani commented Aug 25, 2023 •

edited

Loading

Eilon commented Aug 25, 2023

Xyncgas commented Aug 25, 2023

Eilon commented Aug 25, 2023

Eilon commented Sep 14, 2023 •

edited

Loading

[regression/8.0.0-preview.7.8842] .NET Maui Blazor App throws "No interop methods are registered for renderer" javascript exception #16609

[regression/8.0.0-preview.7.8842] .NET Maui Blazor App throws "No interop methods are registered for renderer" javascript exception #16609

Comments

campersau commented Aug 8, 2023 • edited by samhouts Loading

Description

Steps to Reproduce

Link to public reproduction project repository

Version with bug

Last version that worked well

Affected platforms

Affected platform versions

Did you find any workaround?

Relevant log output

Eilon commented Aug 9, 2023

Eilon commented Aug 9, 2023 • edited Loading

Note: .NET 8 RC1 is available and does not require any workaround

Workaround for .NET 8 Preview 7

Background

Workaround steps

Fydar commented Aug 10, 2023

v-Lily commented Aug 11, 2023

Eilon commented Aug 11, 2023

MackinnonBuck commented Aug 11, 2023

Xyncgas commented Aug 14, 2023

v-Lily commented Aug 14, 2023

Eilon commented Aug 14, 2023

Eilon commented Aug 14, 2023

Eilon commented Aug 14, 2023

Eilon commented Aug 14, 2023

Eilon commented Aug 14, 2023

v-Lily commented Aug 15, 2023 • edited Loading

PeymanDinani commented Aug 25, 2023

ghost commented Aug 25, 2023

Eilon commented Aug 25, 2023

PeymanDinani commented Aug 25, 2023 • edited Loading

Eilon commented Aug 25, 2023

Xyncgas commented Aug 25, 2023

Eilon commented Aug 25, 2023

Eilon commented Sep 14, 2023 • edited Loading

campersau commented Aug 8, 2023 •

edited by samhouts

Loading

Eilon commented Aug 9, 2023 •

edited

Loading

v-Lily commented Aug 15, 2023 •

edited

Loading

PeymanDinani commented Aug 25, 2023 •

edited

Loading

Eilon commented Sep 14, 2023 •

edited

Loading