ejs-scripts are not loading when page is rendered

[MelvinJoseph]

I’m having issues with integrating your components on my application. I have gone through the tutorial on your website and it seems that when I compile there’s an issue with the JavaScript that configures the ejs component. I am trying to apply a simple button however it doesn't work for any component i use.

However when It complies it looks like this:

When it should look like:

I’ve applied all the dependencies and relevant css and javascript classes in my layout page as well as the ejs-script tag.

 

After the page renders the script tag is empty and doesn't include any of the javascript to compile the button.

 Not quite sure why it’s not working. 

[Saranya Dhayalan]

Hi MelvinJoseph 

 

Thank you for contacting Syncfusion support 

 

We have checked your reported issue, we suspect the cause of the issue you have not installed the the Syncfusion.EJ2.AspNet.Core NuGet package. So please check in your end.  

 

Please find the below getting started docs link 

https://ej2.syncfusion.com/aspnetcore/documentation/getting-started/visual-studio-2017/?no-cache=1 

 

For your convenience we have prepared a sample. Please find the below sample link 

 

Sample link: https://www.syncfusion.com/downloads/support/forum/151967/ze/Button-2206187 

 

Could you please check the above sample and get back to us if you need further assistance on this? 

 

Regards, 

Saranya D 

[David]

Did u ever solve this am facing the same situation

[Alexander Resnik]

Hi  Saranya

 I have the same issue when using ASP.NET areas -

<ejs-scripts></ejs-scripts>

becomes

<script></script>

in a browser.

Needless to say, all other (ordinal, not ASP.NET area) views are working ok.

Please help

Thank you

Alex

[Janakiraman Sakthivel]

Hi ,  

  

Thank you for contacting Syncfusion support.   

   

We have checked your reported query and we need to validate more on this. So, we will update you the further details on November 3^rd, 2021. We appreciate your patience until then.   

  

Regards,   

Janakiraman S.   

[Gayathri KarunaiAnandam]

Hi David/Alexander, 

We have validated your query. 

Query: Did u ever solve this am facing the same situation 

We have checked the reported query. We are unable to replicate the reported issue in our end. Please check the code snippet. 

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

 

    <!-- Syncfusion Essential JS 2 Scripts --> 

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

 

… 

<ejs-scripts></ejs-scripts> 

<ejs-button id="element" content="Button"></ejs-button> 

For your reference, please check the sample link. 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/button_core59658613 

Query: <ejs-scripts></ejs-scripts> becomes <script></script> in a browser. 

We have checked your reported query. We would like to let you know that it is our behavior that the ejs-script tag is displayed as script tag in browser. 

Please get back to us, if you need further assistance. 

Regards, 

Gayathri K 

[Alexander Resnik]

Hi  Gayathri

1. You did not use ASP.NET areas in your test project.
2. <ejs-scripts></ejs-scripts> becomes <script></script> in a browser indeed. But I am not sure it need to be an empty script, you?
   

So, once again: if I use  ASP.NET areas then  <ejs-scripts></ejs-scripts> becomes <script></script> (empty!).

I think it is a wrong behavior.

Please can you take another look

Thank you

Alex

[Aravinthan Seetharaman]

Hi Alexander, 

 

We have checked your query. We need to validate more on this. And need to ensure more case on this. So, we will update further details on 16^th November 2021. We appreciate your patience until then. 

 

Regards, 

Aravinthan S 

[Janakiraman Sakthivel]

Hi Alexander, 

 

Thanks for your patience. 

 

We have validated your reported query. We suspect that you have not referred the Syncfusion TagHelper in Areas _ViewImports file(applicationname/Areas/Products/pages/_ViewImports.cshtml). So we suggest to refer Syncfusion TagHelper in areas pages _ViewImports.cshtml  and root application pages (applicationname/pages/_ViewImports.cshtml) also. Please refer below code snippets. 

 

RPareas\RPareas\Pages\ _ViewImports.cshtml 

@using Microsoft.AspNetCore.Identity 

@using RPareas 

@using RPareas.Data 

@namespace RPareas.Pages 

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers 

@addTagHelper *, Syncfusion.EJ2 

 

RPareas\RPareas\Areas\Products\Pages\_ViewImports.cshtml 

 

@namespace RPareas.Areas.Products.Pages 

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers 

@addTagHelper *, Syncfusion.EJ2 

 

 

RPareas\RPareas\Areas\Products\Pages\index.cshtml 

 

@page 

@model RPareas.Areas.Products.Pages.IndexModel 

@{ 

    ViewData["Title"] = "Prod Index"; 

} 

<ejs-button id="element" content="Button"></ejs-button> 

 

 

_layout.cshtml 

 

<!DOCTYPE html> 

<html> 

<head> 

    <meta charset="utf-8" /> 

    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

    <title>@ViewData["Title"] - RPareas</title> 

         ------------ 

 

    <link rel="stylesheet" rel='nofollow' href="~/css/site.css" /> 

    <!-- Syncfusion Essential JS 2 Styles --> 

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

 

    <!-- Syncfusion Essential JS 2 Scripts --> 

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

</head> 

<body> 

    <!-- Syncfusion Essential JS 2 ScriptManager --> 

    <ejs-scripts></ejs-scripts> 

    @RenderSection("Scripts", required: false) 

</body> 

</html> 

 

 

 

For your reference, we have prepared a sample based on this. Please refer below link. 

 

Link: https://www.syncfusion.com/downloads/support/forum/151967/ze/RPareas-925294462  

 

Video reference: https://www.syncfusion.com/downloads/support/forum/151967/ze/ejs-Script-604423274  

 

Please let us know, if you need any further assistance. 

 

Regards, 

Janakiraman S.