Angular 4 universal: window is not defined

[jnord]

Hi,

with Angular 4 universal we get follow error:

window is not defined ->
Client\dist\main-server.js:28960:119)
at window.ej.window.Syncfusion

Is it possible to use your component under angular 4 universal?

Example project: https://github.com/MarkPieszak/aspnetcore-angular2-universal

Regards

j.nord

[Abinaya Subbiah]

Hi Jürgen Nordholz, 

The support incident has been created under your account and we have discussed your query in that. Please log on to our support website to check for further updates.  

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents  

Regards,  

Abinaya S  

[Joe]

Hi Jürgen Nordholz, 

The support incident has been created under your account and we have discussed your query in that. Please log on to our support website to check for further updates.  

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents  

Regards,  

Abinaya S  

Hi,

I have followed below thread but the error still exists, any idea?

https://www.syncfusion.com/forums/130365/microsoft-aspnetcore-spatemplates

NodeInvocationException: Prerendering failed because of error: ReferenceError: window is not defined
at Object.<anonymous> (C:\Users\xxx\Documents\Visual Studio 2017\Projects\aspnetcore-angular2-universal-master\ClientApp\dist\main-server.js:125:119)
at window.ej.window.Syncfusion (C:\Users\xxx\Documents\Visual Studio 2017\Projects\aspnetcore-angular2-universal-master\ClientApp\dist\main-server.js:124:37)

Regards,

Joe

[Abinaya Subbiah]

Hi Joe, 

Thanks for contacting Syncfusion support. 

We have analyzed the issue “window is not defined” , the issue caused due to window, document and DOM manipulations are implemented in jQuery which is required to render Essential Studio for JavaScript (EJS1) Angular components. The root cause of  the issue is accessing window, document and DOM not supported in Angular universal, since we are not able to integrate our Essential JavaScript 1 for Angular components into Universal application.  

For you kind information, we rolled out beta release of our Essential Studio for JavaScript 2 components which is fully, built on top of TypeScript, which doesn’t need of any external dependencies like jQuery. We consider the feature Angular Universal support in our EJS2 suite, which will be included in our upcoming releases. For now the following components are available for use. 

  

• Chart
• Grid
• Button
• Calendar
• NumericTextBox
• TextBoxes
• ListView
• Dialog
• Toolbar
• Tooltip

   

You can start using above controls using following getting started document 

http://ej2.syncfusion.com/angular/documentation/common/getting-started.html    

Demo application is available in the following location 

http://ej2.syncfusion.com/angular/demos/ 

Please let us know if you need further assist on this.  

Regards, 

Abinaya S 

[Joe]

Hi Joe, 

Thanks for contacting Syncfusion support. 

We have analyzed the issue “window is not defined” , the issue caused due to window, document and DOM manipulations are implemented in jQuery which is required to render Essential Studio for JavaScript (EJS1) Angular components. The root cause of  the issue is accessing window, document and DOM not supported in Angular universal, since we are not able to integrate our Essential JavaScript 1 for Angular components into Universal application.  

For you kind information, we rolled out beta release of our Essential Studio for JavaScript 2 components which is fully, built on top of TypeScript, which doesn’t need of any external dependencies like jQuery. We consider the feature Angular Universal support in our EJS2 suite, which will be included in our upcoming releases. For now the following components are available for use. 

  

• Chart
• Grid
• Button
• Calendar
• NumericTextBox
• TextBoxes
• ListView
• Dialog
• Toolbar
• Tooltip

   

You can start using above controls using following getting started document 

http://ej2.syncfusion.com/angular/documentation/common/getting-started.html    

Demo application is available in the following location 

http://ej2.syncfusion.com/angular/demos/ 

Please let us know if you need further assist on this.  

Regards, 

Abinaya S 

Hi,

Thanks for your prompt reply, but the grid component seems not work in my project using ej2-ng-grids. 

Any advice on what's wrong with my current settings would be appreciated.

https://github.com/JosephTsang/aspnetcore-angular2-universal-master

Best Regards,

Joe

[Sridhar S]

Hi Joe,  

Currently Essential JS 2 don’t have support for Angular Universal. This support will be available in our Upcoming Essential Studio Volume 4 release.  

Please share the details if did you faced any issue while integrating Essential JS 2 Grid in to an angular application on client side? 

Thanks,  

Sridhar S 

[chetan]

Hi Jürgen Nordholz, 

The support incident has been created under your account and we have discussed your query in that. Please log on to our support website to check for further updates.  

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents  

Regards,  

Abinaya S  

Hi,

I have followed below thread but the error still exists, any idea?

https://www.syncfusion.com/forums/130365/microsoft-aspnetcore-spatemplates

NodeInvocationException: Prerendering failed because of error: ReferenceError: window is not defined
at Object.<anonymous> (C:\Users\xxx\Documents\Visual Studio 2017\Projects\aspnetcore-angular2-universal-master\ClientApp\dist\main-server.js:125:119)
at window.ej.window.Syncfusion (C:\Users\xxx\Documents\Visual Studio 2017\Projects\aspnetcore-angular2-universal-master\ClientApp\dist\main-server.js:124:37)

Regards,

Joe

dsadsadsa

[Saranya Murugasamy]

Hi Jurgen, 

Kindly let us know if you have any technical queries with Syncfusion Products, We are here to assist you as always. 

Regards, 

Saranya Murugasamy