Blazor Getting Started not working...

[Eduardo Sobrino]

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?

[Saranya Murugasamy]

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. 

Sample link: https://www.syncfusion.com/downloads/support/forum/149355/ze/BlazorApp-1424846216 

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 

[Lukasz]

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>

[Saranya Murugasamy]

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" /> 

<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> 

WebAssembly Documentation : https://ej2.syncfusion.com/blazor/documentation/getting-started/vs-blazor/ 

 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" /> 

<script src="https://cdn.syncfusion.com/ej2/17.3.29/dist/ej2.min.js"></script> 

Server Documentation : https://ej2.syncfusion.com/blazor/documentation/getting-started/vs-blazor-server/ 

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 

[Eduardo Sobrino]

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

[Vairamuthu Ramamoorthi]

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