1. Home
  2. Forum
  3. Blazor
  4. Blazor Getting Started not working...

Blazor Getting Started not working...

I followed the "https://ej2.syncfusion.com/blazor/documentation/getting-started/vs-blazor/" tutorial and got the following issues:

warn: Microsoft.AspNetCore.Components.Server.Circuits.RemoteRenderer[100]
      Unhandled exception rendering component: Could not find 'ejsInterop' in 'window'.
...
fail: Microsoft.AspNetCore.Components.Server.Circuits.CircuitHost[111]
      Unhandled exception in circuit 'jeOs5yzUL88-QJiFgXzNjiUaqxz_XGV0CT47Qq8-4YM'.

Working with the tutorial the following lines are found:

Now, add the Syncfusion Blazor components in any web page (razor) in the Pages folder. For example, the calendar component is added in the ~/Pages/Index.razor page.

<EjsCalendar></EjsCalendar>
After completing the above and adding the EjsCalendar as instructed and running the APP it freezes … I guess due to the "warn" & later  to the "fail" as previously shown.

Can you help?

5 Replies
SM Saranya Murugasamy Syncfusion Team November 25, 2019 12:07 PM UTC

Hi Eduardo Sobrino, 

Greetings from Syncfusion. 

We have checked your reported issue and the issue is not reproduced from our end. The calendar component is rendered properly. For your reference, we have created the sample. Please find the below link. 


Still if you are facing the same issue, please share the below details for us. It will be helpful for us to focus on specific area and assist you at the earliest. 

              1. dotnet version 
              2. Visual studio version 
              3. Share the screenshot 
              4. Share the stack trace of script error from the browser console. 

Regards, 
Saranya M 


LU Lukasz November 26, 2019 09:36 PM UTC

Had the same problem and though I've done everything correct, but.....
forgot to add the following:

    <link rel='nofollow' href="https://cdn.syncfusion.com/ej2/17.3.29/material.css" rel="stylesheet" />
    <script src="https://cdn.syncfusion.com/ej2/17.3.29/dist/ej2.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/17.3.29/dist/ejs.interop.min.js"></script>



SM Saranya Murugasamy Syncfusion Team November 27, 2019 06:23 AM UTC

Hi Lukasz, 
 
We checked your previous response. You shared the documentation of the Web Assembly, but you have added the server side resources to your application. So we suspect that, You may haven’t correctly configured our scripts and CSS files properly in your application. We suggest you to recheck the below client resources in your application end and ensure the same version of NuGet version is referenced for the scripts and CSS files also.  

If you are using Blazor server app, please add below client resource file references in '~/pages/_host.cshtml'.  

<link rel='nofollow' href="https://cdn.syncfusion.com/ej2/17.3.29/material.css" rel="stylesheet" /> 


 If you are using Blazor WebAssembly app, please add the below client resource file references in '~/wwwroot/index.html'.  

<link rel='nofollow' href="https://cdn.syncfusion.com/ej2/17.3.29/material.css" rel="stylesheet" /> 


If you are still facing the same issue, then please share the below details to us. It will be helpful for us to sort out the issue as soon as possible.   
 
  1. Share us the ~/pages/_host.cshtml or ~/wwwroot/index.html file.
  2. Provide us the dotnet SDK version, you can run the command line dotnet --info in the command prompt to get this.
  3. Share us the stack trace of script error from the browser console.

Regards, 
Saranya M 


ES Eduardo Sobrino December 7, 2019 01:44 PM UTC

Thanks guys, all efforts to answer the question greatly appreciated.  All good now base on last suggestions.

VR Vairamuthu Ramamoorthi Syncfusion Team December 9, 2019 10:55 AM UTC

Hi Eduardo Sobrino,  

Most welcome. We are glad to hear that the provided solution helped you to achieve your requirement.  

Please get back to us if you need any further assistance on this. 

Regards, 
Vairamuthu R 


Loader.
Up arrow icon