1. Home
  2. Forum
  3. Angular
  4. Cannot read property 'helpers' of undefined

Cannot read property 'helpers' of undefined

I'm trying to integrate the grid following from the angular2-seeds application.  However when I add the grid I get the error:

Cannot read property 'helpers' of undefined at Object.addInitTemplate (http://localhost:43786/ej/syncfusion-javascript/Scripts/ej/web/ej.web.all.min.js:10:3016710)

I don't know if this is a webpack issue or not. 

1 Reply
FS Farveen Sulthana Thameeztheen Basha Syncfusion Team March 7, 2017 12:36 PM UTC

Hi Trevor, 


Thanks for your interest in syncfusion support. 


Your reported issue “cannot read property ‘helpers’ of undefined” may occur due to absence of “jsrender.min.js” file in your application.  


To render the Grid in your application , you need to refer the following styles and themes. 

1.        To get started, you have to use the “ej.web.all.min.js” file that encapsulates all the ej controls and frameworks in one single file. So ej.web.all.min.js file need to be refer in your script section. 
 
2.        Adding the required JavaScript files into your application plays an important role, without which the Syncfusion controls cannot be created. It requires the following mandatory common script files, 
                 jquery-3.1.1.min.js  
                 jsrender.min.js 
       
        3.    To include CSS  in your application to render syncfusion control, you have to refer “ej.web.all.min.css” file. By referring  this file you can get  necessary themes for our controls .You can get this “ej.web.all.min.css” file from the below build location. 
 
                  (installed location)\Syncfusion\Essential Studio\15.1.0.37\ JavaScript\assets\css\web\default-theme 
 
 
The complete boilerplate script code be like 
 
<head> 
   <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="description" content="Essential Studio for JavaScript"> 
    <meta name="author" content="Syncfusion"> 
    <title></title> 
    <!-- Essential Studio for JavaScript  theme reference --> 
    <link rel="stylesheet" rel='nofollow' href="http://cdn.syncfusion.com/15.1.0.37/js/web/flat-azure/ej.web.all.min.css" /> 
 
    <!-- Essential Studio for JavaScript  script references --> 
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
    <!-- Add your custom scripts here --> 
 
</head> 
<body> 
 
</body> 
</html> 


Please ensure that above mentioned files are added in your application. 


Please refer to the following Help document about scripts and css :- 




Regards, 

Farveen sulthana T 


Loader.
Up arrow icon