Issue: Getting the following error when adding new JavaScript function to Blazor WebAssembly app… Unhandled exception rendering component: Could not find 'xxxxx' ('xxxxx' was undefined).Error: Could not find 'xxxxx' ('xxxxx' was undefined). Fix: If you are running into new function not found issue, make sure you are not using a cache version of index.html by... » read more
https://www.syncfusion.com/faq/blazor/javascript-interop/how-do-i-call-a-javascript-method-with-parameters-in-blazor-webassembly https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/?view=aspnetcore-8.0 Note: If you are running into function not found issue, make sure you are not using a cache version of index.html by pressing the Ctrl + F5 to refresh index.html. [Index.razor] [index.html]
Error: Using Blazor WebAssembly app to access .NET 7 WebAPi app. Getting the following error… Fix: Add the following to the WebAPI app… References: https://stackoverflow.com/questions/65858468/access-to-fetch-has-been-blocked-by-cors-policy-blazor-client-web-assembly
https://learn.microsoft.com/en-us/aspnet/core/blazor/security/webassembly/hosted-with-microsoft-entra-id?view=aspnetcore-7.0 Walkthrough The subsections of the walkthrough explain how to: Create a tenant in Azure Register a server API app in Azure Register a client app in Azure Create the Blazor app Modify the Server appsettings.json configuration Modify the default access token scope scheme Run the app Create a tenant in Azure Follow the guidance in Quickstart: Set up... » read more
To update to a new version of Blazor WebAssembly, you need to follow 4 steps: Change the target framework. Upgrade NuGet packages. Add HeadOutlet to Program.cs. Modify Blazor “Server” App Change the target framework The first step to update Blazor WebAssembly to a newer version is updating the target framework. Right click to your project, select Properties. Do this... » read more
Install Syncfusion Essential Studio… .NET Core SDK 6.0 or later – installed.NET workload wasm-tools – not installed.NET workload wasm-tools-net6 – not installed Need to install .NET workload wasm-tools as prerequisite to using Syncfusion Blazor WebAssembly demo. C:\Users\xxxxx>dotnet workload listC:\Users\xxxxx>dotnet workload install wasm-toolsC:\Users\xxxxx>dotnet workload install wasm-tools-net6 References: https://stackoverflow.com/questions/74730565/how-to-check-if-a-workload-is-installed-on-clients-visual-studio
When upgrading from existing Syncfusion BLazor app, the _content does not get generated. The workaround is to download the js script file and reference it directly. Issue: The following file in the _content folder is unable to be loaded from the app. Fix: Download file (input specific version) and reference in your project directly Reference:... » read more
To update to a new version of Blazor WebAssembly, you need to follow 4 steps: Change the target framework. Upgrade NuGet packages. Add HeadOutlet to Program.cs. Modify Blazor “Server” App Change the target framework The first step to update Blazor WebAssembly to a newer version is updating the target framework. Right click to your project, select Properties. Select .NET... » read more
Open PowerShell as administrator Run the following command: C:\Users\user01> New-SelfSignedCertificate -Subject “CN=OrgCert1234” -CertStoreLocation “cert:\LocalMachine\My” Now, what we have to do is obtain the private key certificate file to be able to upload it to Azure: Press the windows key Type Manage Computer Certificates and press Enter Go to Personal (on the left), then Certificates Double-click on the... » read more
Issue: Getting the following error message after deploying a Blazor web app from a new development computer Resolution: Update “Self Signed Certificate” to Blazor web app and web app server config. Need to create a new self signed certificate on development computer, upload to Azure web app. Then update the self signed certificate section of... » read more