1. Home
  2. Forum
  3. Blazor
  4. Tabs control throws exception

Tabs control throws exception

Hi All!

I wanted to play with the Tabs control in a Blazor WASM app, but it throws exception.
I just copied the Syncfusion Blazor Tabs demo code snippets into my app.
The app works fine otherwise.

Environment:
Win10
Visual Studio 2019 16.6.0
.NET Core SDK 3.1.300
Packages:
Microsoft.AspNetCore.Components.WebAssembly ... : 3.2.0
Syncfusion.Blazor : 18.1.0.54

Exception message:
blazor.webassembly.js:1 crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: Object reference not set to an instance of an object.
System.NullReferenceException: Object reference not set to an instance of an object.
  at Syncfusion.Blazor.LocalizerDetails.GetLocaleText () <0x3e736c0 + 0x00024> in :0
  at Syncfusion.Blazor.Internal.ResourceManager.OnInitializedAsync () <0x3e0e078 + 0x00142> in :0
  at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync () <0x3980fc0 + 0x0013a> in :0

Regards,
Peter

5 Replies
NR Nevitha Ravi Syncfusion Team May 29, 2020 08:37 AM UTC

Hi Peter, 

We are sorry for the inconvenience caused. We are able to reproduce the reported issue in Blazor WebAssembly application with v18.1.0.54. We will resolve the issue and include the fix in the next patch release which is expected to release on June 02, 2020. 
As of now, please use the below workaround to resolve the issue. 
  1. Set true to the Syncfusion Blazor Service in ~/Program.cs.
builder.Services.AddSyncfusionBlazor(true); 
  1. Add Syncfusion interop script file manually in ~/wwwroot/index.html file.
<head> 
   ..... 
   ..... 
  <script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script> 
</head> 
 
You can refer the sample with the above workaround in the following link. 
Please let us know if you need any further assistance on this. 
Regards, 
Nevitha 


PE Peter May 29, 2020 01:20 PM UTC

Hi Nevitha,

Just a note:
your workaround works in almost all cases, except for the "Load Tab items dynamically" demo.
In that case the problem exists: exception message in the console, but the Tab control works fine.

I look forward to the promised fix.

Have a nice weekend!

Regards,
Peter

NI Nicola May 30, 2020 07:13 AM UTC

If more than one Syncfusion component is present on the page the error raise again.
I've downgraded to version 18.1.0.52 and the error isn't raised anymore.


AK Alagumeena Kalaiselvan Syncfusion Team June 1, 2020 12:18 PM UTC

Dear customer, 

We have checked the below reported cases with Tab component and we are able to replicate the exception at our end. As we said in our earlier update we will resolve this issue and considering the below reported cases while issue fixing which can be available in our upcoming patch release. 
  • Loading Tab items dynamically
  • Adding more than one component with Tab on same page.

We would appreciate your patience until then. 

Regards 
Alagumeena.K 


AK Alagumeena Kalaiselvan Syncfusion Team June 2, 2020 01:37 PM UTC

Dear customer, 

We are glad to inform you that Tab related issue has been fixed and included in our latest package version 18.1.0.55. So, we suggest you to upgrade the package to overcome this issue. 

Kindly get back to us, If you need further assistance. 

Regards 
Alagumeena.K  


Loader.
Up arrow icon