Blazor WebAssembly Error: Cannot read properties of undefined (reading 'out') after Publishing

[jitendrajadav]

I am encountering an issue with my Blazor WebAssembly application after publishing it. The application works fine in both development and release modes, but once I publish it, I receive the following errors:

dotnet.js:3 MONO_WASM: TypeError: Cannot read properties of undefined (reading 'out') at $l (https://ident.lordist.in/_framework/dotnet.runtime.8.0.6.71pl3usugk.js:3:198913) at ze (https://ident.lordist.in/_framework/dotnet.js:3:30902) at https://ident.lordist.in/_framework/dotnet.js:3:30138 at async Object.create (https://ident.lordist.in/_framework/dotnet.js:3:34517) at async https://ident.lordist.in/_framework/blazor.webassembly.js:1:43466 at async https://ident.lordist.in/_framework/blazor.webassembly.js:1:58010 at async mn (https://ident.lordist.in/_framework/blazor.webassembly.js:1:57613) u @ dotnet.js:3 dotnet.js:3 Error in mono_download_assets: TypeError: Cannot read properties of undefined (reading 'out') Q @ dotnet.js:3 9dotnet.runtime.8.0.6.71pl3usugk.js:3 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'out') at $l (dotnet.runtime.8.0.6.71pl3usugk.js:3:198913) at ze (dotnet.js:3:30902) at dotnet.js:3:30138 at async Object.create (dotnet.js:3:34517) at async blazor.webassembly.js:1:43466 at async blazor.webassembly.js:1:58010 at async mn (blazor.webassembly.js:1:57613) blazor.webassembly.js:1 Uncaught (in promise) Error: Failed to start platform. Reason: TypeError: Cannot read properties of undefined (reading 'out') at mn (blazor.webassembly.js:1:57654)

Details:

1. Application URL: https://ident.lordist.in/ Repository:
2. https://github.com/jitendrajadav/SLTDentalViewer Development
3. Environment: Works fine in both development and release modes.
4. Published Environment: Errors occur after publishing.

Steps to Reproduce:

Develop the Blazor WebAssembly application. Test it in development and release modes (both work fine). Publish the application. Access the published application at https://ident.lordist.in/ and encounter the error. What I've Tried:

1. Ensuring all files are correctly published and accessible.
2. Checking for any differences in configurations between development and published environments.
3. Reviewing the published files for any missing dependencies or corrupted files.

Question:

What could be causing this error after publishing, and how can I resolve it? Any guidance or suggestions would be greatly appreciated.

Stack overflow question:
https://stackoverflow.com/questions/78688103/blazor-webassembly-error-cannot-read-properties-of-undefined-reading-out-af

[javiercn]

@jitendrajadav thanks for contacting us.

Have you tried disabling trimming?

<PublishTrimmed>false</PublishTrimmed>

[jitendrajadav]

Hi @javiercn,
I have added <PublishTrimmed>false</PublishTrimmed> and getting different error now let me know meanwhile I am checking this error as well.
Edge Browser issue

blazor.webassembly.js:1 crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100] Unhandled exception rendering component: Method not found: int System.Linq.Enumerable.Count<!0>(System.Collections.Generic.IEnumerable`1<!!0>,System.Func`2<!!0, bool>) System.MissingMethodException: Method not found: int System.Linq.Enumerable.Count<!0>(System.Collections.Generic.IEnumerable`1<!!0>,System.Func`2<!!0, bool>) at System.Runtime.CompilerServices.AsyncMethodBuilderCore.Start[<OnInitializedAsync>d__12](<OnInitializedAsync>d__12& ) at DentalViewer.Pages.LeftPanel.OnInitializedAsync() at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync()

  | Dt | @ | blazor.webassembly.js:1 -- | -- | -- | --

Crome has different error

Thank you!

[mkArtakMSFT]

Does it work when you open the app in an In Private browser windows? There is an issue some customers are facing which we're tracking here, so we wonder if that's the same issue that you're facing: dotnet/runtime#102272

[javiercn]

@jitendrajadav if what @mkArtakMSFT mentions doesn't work, I would start checking the packages in your app, as there might be some missconfiguration.

MissingMethod exceptions typically mean a version mismatch between assemblies. Not sure how it's happening here.

[jitendrajadav]

Feedback" label to this issue, which indicates

Hi @mkArtakMSFT,
I have checked Private browser windows as well before raising this issue but no luck same error.

Thank you!

[jitendrajadav]

I would start checking the pa

Sure thank you as I am stuck now for production use.

really appreciate your support

[javiercn]

@jitendrajadav something looks wrong with your dependency graph.

blazor.webassembly.js:1 crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100] Unhandled exception rendering component: Method not found: int **System.Linq.Enumerable.Count<!0>**(System.Collections.Generic.IEnumerable`1<!!0>,System.Func`2<!!0, bool>) System.MissingMethodException: Method not found: int System.Linq.Enumerable.Count<!0>(System.Collections.Generic.IEnumerable`1<!!0>,System.Func`2<!!0, bool>) at System.Runtime.CompilerServices.AsyncMethodBuilderCore.Start[<OnInitializedAsync>d__12](<OnInitializedAsync>d__12& ) at **DentalViewer.Pages.LeftPanel.OnInitializedAsync()** at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync()
  | Dt | @ | blazor.webassembly.js:1 -- | -- | -- | --

At the very least there is code in the highlighted component that's trying to use a method that doesn't exist. That typically means there's a dependency mismatch, so first thing, check that you have updated to the latest versions of all assemblies + SDKs