Vaadin 7.7 - angular 2 - zone js - Converting circular structure to JSON

General
1

Hello.
I have a problem with integrate angular 2 and vaadin in a portlet.
I have 2 portlets, one with vaadin and other with angular 2.
An when i am using the vaadin portlet, i receive the “Converting circular structure to JSON” and vaadin app crash.

Vaadin version is 7.7.3
Vaadin portlet plugin version is 7.6.8
Angular version is 2.3.0

Navigator error:

Mon Dec 19 11:16:52 GMT-300 2016 com.vaadin.client.ApplicationConfiguration
SEVERE: (TypeError) : Converting circular structure to JSONcom.google.gwt.core.client.JavaScriptException: (TypeError) : Converting circular structure to JSON
at Unknown.yfb(test.vaadin.view.ViewDashletWidgetset-0.js)
at Unknown.Uj(test.vaadin.view.ViewDashletWidgetset-0.js)
at Unknown.Lj(test.vaadin.view.ViewDashletWidgetset-0.js)
at Unknown.tj(test.vaadin.view.ViewDashletWidgetset-0.js)
at Unknown.sj(test.vaadin.view.ViewDashletWidgetset-0.js)
at Unknown.eval(test.vaadin.view.ViewDashletWidgetset-0.js)
at Unknown.wrapFn(http://localhost:8380/o3-parts-web/angular-dashlet/js/polyfills.js?cache=false)
at Unknown.invokeTask(http://localhost:8380/o3-parts-web/angular-dashlet/js/polyfills.js?cache=false)
at Unknown.runTask(http://localhost:8380/o3-parts-web/angular-dashlet/js/polyfills.js?cache=false)
at Unknown.ZoneTask.invoke(http://localhost:8380/o3-parts-web/angular-dashlet/js/polyfills.js?cache=false)
Jgb @ test.vaadin.view.ViewDashletWidgetset-0.js:formatted:60233uhb @ test.vaadin.view.ViewDashletWidgetset-0.js:formatted:33851thb @ test.vaadin.view.ViewDashletWidgetset-0.js:formatted:16817iZd @ test.vaadin.view.ViewDashletWidgetset-0.js:formatted:5172iCb @ test.vaadin.view.ViewDashletWidgetset-0.js:formatted:62420wj @ test.vaadin.view.ViewDashletWidgetset-0.js:formatted:16980Uj @ test.vaadin.view.ViewDashletWidgetset-0.js:formatted:27567Lj @ test.vaadin.view.ViewDashletWidgetset-0.js:formatted:15246tj @ test.vaadin.view.ViewDashletWidgetset-0.js:formatted:13234sj @ test.vaadin.view.ViewDashletWidgetset-0.js:formatted:28285(anonymous function) @ test.vaadin.view.ViewDashletWidgetset-0.js:formatted:22140wrapFn @ zone.js:855ZoneDelegate.invokeTask @ zone.js:262Zone.runTask @ zone.js:151ZoneTask.invoke @ zone.js:332

Any ideas?
Thanks
Diego

2

Hello again.
Now i remove angular and only had vaadin 7.7.6 (with script “detailed”) and zone.js (in a portlet in liferay)

The error continue.
This is the stack with more details:

SEVERE: (TypeError) : Converting circular structure to JSONcom.google.gwt.core.client.JavaScriptException: (TypeError) : Converting circular structure to JSON
at Unknown.com_google_gwt_lang_Exceptions_wrap__Ljava_lang_Object_2Ljava_lang_Object_2(test.vaadin.view.ViewDashletWidgetset-0.js)
at Unknown.com_google_gwt_core_client_impl_SchedulerImpl_runScheduledTasks__Lcom_google_gwt_core_client_JsArray_2Lcom_google_gwt_core_client_JsArray_2Lcom_google_gwt_core_client_JsArray_2(test.vaadin.view.ViewDashletWidgetset-0.js)
at Unknown.com_google_gwt_core_client_impl_SchedulerImpl_$flushFinallyCommands__Lcom_google_gwt_core_client_impl_SchedulerImpl_2V(test.vaadin.view.ViewDashletWidgetset-0.js)
at Unknown.com_google_gwt_core_client_impl_Impl_exit__ZV(test.vaadin.view.ViewDashletWidgetset-0.js)
at Unknown.com_google_gwt_core_client_impl_Impl_entry0__Ljava_lang_Object_2Ljava_lang_Object_2Ljava_lang_Object_2Ljava_lang_Object_2(test.vaadin.view.ViewDashletWidgetset-0.js)
at Unknown.(test.vaadin.view.ViewDashletWidgetset-0.js)
at Unknown.wrapFn(http://localhost:8380/o3-parts-web/angular-dashlet/js/zone.js?cache=false)
at Unknown.invokeTask(http://localhost:8380/o3-parts-web/angular-dashlet/js/zone.js?cache=false)
at Unknown.runTask(http://localhost:8380/o3-parts-web/angular-dashlet/js/zone.js?cache=false)
at Unknown.ZoneTask.invoke(http://localhost:8380/o3-parts-web/angular-dashlet/js/zone.js?cache=false)
com_google_gwt_logging_client_ConsoleLogHandler_publish__Ljava_util_logging_LogRecord_2V @ test.vaadin.view.ViewDashletWidgetset-0.js:9992com_google_gwt_logging_impl_LoggerImplRegular_$log__Lcom_google_gwt_logging_impl_LoggerImplRegular_2Ljava_util_logging_LogRecord_2V @ test.vaadin.view.ViewDashletWidgetset-0.js:10307com_google_gwt_logging_impl_LoggerImplRegular_$log__Lcom_google_gwt_logging_impl_LoggerImplRegular_2Ljava_util_logging_Level_2Ljava_lang_String_2Ljava_lang_Throwable_2V @ test.vaadin.view.ViewDashletWidgetset-0.js:10292java_util_logging_Logger_$log__Ljava_util_logging_Logger_2Ljava_util_logging_Level_2Ljava_lang_String_2Ljava_lang_Throwable_2V @ test.vaadin.view.ViewDashletWidgetset-0.js:85022com_vaadin_client_ApplicationConfiguration$4_onUncaughtException__Ljava_lang_Throwable_2V @ test.vaadin.view.ViewDashletWidgetset-0.js:16369com_google_gwt_core_client_impl_Impl_reportUncaughtException__Ljava_lang_Throwable_2V @ test.vaadin.view.ViewDashletWidgetset-0.js:2867com_google_gwt_core_client_impl_SchedulerImpl_runScheduledTasks__Lcom_google_gwt_core_client_JsArray_2Lcom_google_gwt_core_client_JsArray_2Lcom_google_gwt_core_client_JsArray_2 @ test.vaadin.view.ViewDashletWidgetset-0.js:3097com_google_gwt_core_client_impl_SchedulerImpl_$flushFinallyCommands__Lcom_google_gwt_core_client_impl_SchedulerImpl_2V @ test.vaadin.view.ViewDashletWidgetset-0.js:2998com_google_gwt_core_client_impl_Impl_exit__ZV @ test.vaadin.view.ViewDashletWidgetset-0.js:2839com_google_gwt_core_client_impl_Impl_entry0__Ljava_lang_Object_2Ljava_lang_Object_2Ljava_lang_Object_2Ljava_lang_Object_2 @ test.vaadin.view.ViewDashletWidgetset-0.js:2834(anonymous function) @ test.vaadin.view.ViewDashletWidgetset-0.js:2799wrapFn @ zone.js?cache=false:854ZoneDelegate.invokeTask @ zone.js?cache=false:262Zone.runTask @ zone.js?cache=false:151ZoneTask.invoke @ zone.js?cache=false:332

Thanks
Diego

3

Hello.
attach a simple vaadin code example (with zone.js)
And a link to test it in our test server.
http://o3case.ideasoft.biz/test/?debug=true

Thank
Diego
29417.zip (178 KB)