Nested error representation is weird

Question

Nested error representation is weird

kootoopas opened this issue 6 years ago · comments

grbgdisposal commented 6 years ago

Renders as invalid object if not expanded:

When expanded it renders normally I guess:

The error has to do with a wrong import name if you're curious. :)

Nicolas Chevobbe · Answer 1 · Fri Mar 23 2018 23:52:21 GMT+0800 (China Standard Time)

oh, so there's an error thrown in the Error rep (which is why we show "invalid object".
Can you open the browser console , there should be an error message about this.

Also, I suspect the stack being an issue, could you paste it here please so we can check ?
Thanks !

grbgdisposal · Answer 2 · Sat Mar 24 2018 00:02:59 GMT+0800 (China Standard Time)

Sure thing, it happens on up-to-date nightly.

ERROR's stack:

View_MetaTableActionsComponent_1
MetaTableActionsComponent.html:3:4
DebugContext_.prototype.logError
core.js:14996
ErrorHandler.prototype.handleError
core.js:1509
dispatchEvent
core.js:9966
eventHandlerClosure/<
core.js:12301:29
EventEmitter.prototype.subscribe/schedulerFn<
core.js:4343:34
SafeSubscriber.prototype.__tryOrUnsub
Subscriber.js:240
SafeSubscriber.prototype.next
Subscriber.js:187
Subscriber.prototype._next
Subscriber.js:128
Subscriber.prototype.next
Subscriber.js:92
Subject.prototype.next
Subject.js:56
EventEmitter.prototype.emit
core.js:4311:22
NgForm.prototype.onSubmit
forms.js:5762
View_MetaTableActionsComponent_1/<
MetaTableActionsComponent.html:3:4
handleEvent
core.js:13547:108
callWithDebugContext
core.js:15056:25
debugHandleEvent
core.js:14643
dispatchEvent
core.js:9962
renderEventHandlerClosure/<
core.js:10587:29
decoratePreventDefault/<
platform-browser.js:2628:25
ZoneDelegate.prototype.invokeTask
zone.js:421
onInvokeTask
core.js:4740
ZoneDelegate.prototype.invokeTask
zone.js:420
Zone.prototype.runTask
zone.js:188
ZoneTask.invokeTask
zone.js:496
invokeTask
zone.js:1517
globalZoneAwareCallback
zone.js:1543
(Async: EventListener.handleEvent) customScheduleGlobal
zone.js:1643
ZoneDelegate.prototype.scheduleTask
zone.js:407
onScheduleTask
zone.js:297
ZoneDelegate.prototype.scheduleTask
zone.js:401
Zone.prototype.scheduleTask
zone.js:232
Zone.prototype.scheduleEventTask
zone.js:258
makeAddListener/<
zone.js:1808
DomEventsPlugin.prototype.addEventListener
platform-browser.js:3328
EventManager.prototype.addEventListener
platform-browser.js:2339
DefaultDomRenderer2.prototype.listen
platform-browser.js:2993:28
DebugRenderer2.prototype.listen
core.js:15433
listenToElementOutputs
core.js:10576:55
createViewNodes
core.js:13709
createEmbeddedView
core.js:13619
callWithDebugContext
core.js:15056:25
debugCreateEmbeddedView
core.js:14368
TemplateRef_.prototype.createEmbeddedView
core.js:11694
ViewContainerRef_.prototype.createEmbeddedView
core.js:11406:25
NgIf.prototype._updateView
common.js:2833
set
common.js:2789
updateProp
core.js:12619
checkAndUpdateDirectiveInline
core.js:12326
checkAndUpdateNodeInline
core.js:13893
checkAndUpdateNode
core.js:13836
debugCheckAndUpdateNode
core.js:14729:49
debugCheckDirectivesFn
core.js:14670
View_MetaTableActionsComponent_0/<
MetaTableActionsComponent.html:1
debugUpdateDirectives
core.js:14655
checkAndUpdateView
core.js:13802
callViewAction
core.js:14153
execComponentViewsAction
core.js:14085
checkAndUpdateView
core.js:13808
callViewAction
core.js:14153
execComponentViewsAction
core.js:14085
checkAndUpdateView
core.js:13808
callViewAction
core.js:14153
execComponentViewsAction
core.js:14085
checkAndUpdateView
core.js:13808
callViewAction
core.js:14153
execEmbeddedViewsAction
core.js:14111
checkAndUpdateView
core.js:13803
callViewAction
core.js:14153
execComponentViewsAction
core.js:14085
checkAndUpdateView
core.js:13808
callWithDebugContext
core.js:15056:25
debugCheckAndUpdateView
core.js:14593
ViewRef_.prototype.detectChanges
core.js:11577
ApplicationRef.prototype.tick/<
core.js:5907:49
ApplicationRef.prototype.tick
core.js:5907
next/<
core.js:5740:97
ZoneDelegate.prototype.invoke
zone.js:388
onInvoke
core.js:4749
ZoneDelegate.prototype.invoke
zone.js:387
Zone.prototype.run
zone.js:138
NgZone.prototype.run
core.js:4566:47
next
core.js:5740:67
EventEmitter.prototype.subscribe/schedulerFn<
core.js:4331:34
SafeSubscriber.prototype.__tryOrUnsub
Subscriber.js:240
SafeSubscriber.prototype.next
Subscriber.js:187
Subscriber.prototype._next
Subscriber.js:128
Subscriber.prototype.next
Subscriber.js:92
Subject.prototype.next
Subject.js:56
EventEmitter.prototype.emit
core.js:4311:22
checkStable
core.js:4714
onLeave
core.js:4793
onInvokeTask
core.js:4743
ZoneDelegate.prototype.invokeTask
zone.js:420
Zone.prototype.runTask
zone.js:188
ZoneTask.invokeTask
zone.js:496
invokeTask
zone.js:1517
globalZoneAwareCallback
zone.js:1543
(Async: EventListener.handleEvent) customScheduleGlobal
zone.js:1643
ZoneDelegate.prototype.scheduleTask
zone.js:407
onScheduleTask
zone.js:297
ZoneDelegate.prototype.scheduleTask
zone.js:401
Zone.prototype.scheduleTask
zone.js:232
Zone.prototype.scheduleEventTask
zone.js:258
makeAddListener/<
zone.js:1808
HttpXhrBackend.prototype.handle/<
http.js:2354
Observable.prototype._trySubscribe
Observable.js:172
Observable.prototype.subscribe
Observable.js:160
subscribeToResult
subscribeToResult.js:23
MergeMapSubscriber.prototype._innerSub
mergeMap.js:138
MergeMapSubscriber.prototype._tryNext
mergeMap.js:135
MergeMapSubscriber.prototype._next
mergeMap.js:118
Subscriber.prototype.next
Subscriber.js:92
ScalarObservable.prototype._subscribe
ScalarObservable.js:51
Observable.prototype._trySubscribe
Observable.js:172
Observable.prototype.subscribe
Observable.js:160
MergeMapOperator.prototype.call
mergeMap.js:92
Observable.prototype.subscribe
Observable.js:157
FilterOperator.prototype.call
filter.js:61
Observable.prototype.subscribe
Observable.js:157
MapOperator.prototype.call
map.js:57
Observable.prototype.subscribe
Observable.js:157
MapOperator.prototype.call
map.js:57
Observable.prototype.subscribe
Observable.js:157
MetaTableComponent.prototype.search
meta-table.component.ts:41:8
View_MetaTableComponent_0/<
MetaTableComponent.html:7:61
handleEvent
core.js:13547:108
callWithDebugContext

ERROR's error object (has stack property):

TypeError

columnNumber: 67

fileName: "http://localhost:4200/main.bundle.js line 400 > eval"

lineNumber: 39

message: "randomcolor_1.default is not a function"

ngDebugContext: {…}

elDef: Object { nodeIndex: 2, bindingIndex: 0, outputIndex: 0, … }

elView: Object { def: {…}, parent: {…}, state: 1036, … }

nodeDef: Object { nodeIndex: 2, bindingIndex: 0, outputIndex: 0, … }

nodeIndex: 2

view: Object { def: {…}, parent: {…}, state: 1036, … }

<prototype>: Object { elOrCompView: Getter, injector: Getter, component: Getter, … }

ngErrorLogger: bound ()

length: 1

name: "bound "

<prototype>: function ()

stack: "SampleService.prototype.tag@webpack-internal:///./src/app/shared/services/sample/sample.service.ts:39:67\nMetaTableActionsComponent.prototype.onTagSubmit@webpack-internal:///./src/app/shared/components/meta-table/meta-table-actions/meta-table-actions.component.ts:52:9\nView_MetaTableActionsComponent_1/<@ng:///AppModule/MetaTableActionsComponent.ngfactory.js:36:19\nhandleEvent@webpack-internal:///./node_modules/@angular/core/esm5/core.js:13763:115\ncallWithDebugContext@webpack-internal:///./node_modules/@angular/core/esm5/core.js:15272:39\ndebugHandleEvent@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14859:12\ndispatchEvent@webpack-internal:///./node_modules/@angular/core/esm5/core.js:10178:16\neventHandlerClosure/<@webpack-internal:///./node_modules/@angular/core/esm5/core.js:12517:38\nEventEmitter.prototype.subscribe/schedulerFn<@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4559:36\nSafeSubscriber.prototype.__tryOrUnsub@webpack-internal:///./node_modules/rxjs/…"

<prototype>: Object { stack: "", … }

Nicolas Chevobbe · Answer 3 · Sat Mar 24 2018 00:16:40 GMT+0800 (China Standard Time)

mhh, can't reproduce with what you pasted. Could you do pause where the log is done and do copy(error.stack) in the console (that will copy the stack to the clipboard), and paste it here ?

Nicolas Chevobbe · Answer 4 · Mon Mar 26 2018 15:53:20 GMT+0800 (China Standard Time)

@kootoopas any update on this ? It's looking really bad and I'd like to fix it as soon as possible :)

grbgdisposal · Answer 5 · Mon Mar 26 2018 16:08:02 GMT+0800 (China Standard Time)

@nchevobbe I couldn't reproduce from home (it only occurred on my machine at work), sorry for disappearing. 😅

I'll get to it within the following hours!

grbgdisposal · Answer 6 · Mon Mar 26 2018 19:47:43 GMT+0800 (China Standard Time)

@nchevobbe I accidentally reproduced this buggy error format again today and copied its complete stack.
error obj:

complete error.stack:

NgForOf.prototype.ngOnChanges@webpack-internal:///./node_modules/@angular/common/esm5/common.js:2656:27
checkAndUpdateDirectiveInline@webpack-internal:///./node_modules/@angular/core/esm5/core.js:12581:9
checkAndUpdateNodeInline@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14109:20
checkAndUpdateNode@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14052:16
debugCheckAndUpdateNode@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14945:55
debugCheckDirectivesFn@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14886:13
View_MetaTableComponent_6/<@ng:///AppModule/MetaTableComponent.ngfactory.js:98:5
debugUpdateDirectives@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14871:12
checkAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14018:5
callViewAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14369:21
execEmbeddedViewsAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14327:17
checkAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14019:5
callViewAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14369:21
execEmbeddedViewsAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14327:17
checkAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14019:5
callViewAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14369:21
execComponentViewsAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14301:13
checkAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14024:5
callViewAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14369:21
execComponentViewsAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14301:13
checkAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14024:5
callViewAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14369:21
execEmbeddedViewsAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14327:17
checkAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14019:5
callViewAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14369:21
execComponentViewsAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14301:13
checkAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14024:5
callWithDebugContext@webpack-internal:///./node_modules/@angular/core/esm5/core.js:15272:39
debugCheckAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14809:12
ViewRef_.prototype.detectChanges@webpack-internal:///./node_modules/@angular/core/esm5/core.js:11793:13
ApplicationRef.prototype.tick/<@webpack-internal:///./node_modules/@angular/core/esm5/core.js:6123:58
ApplicationRef.prototype.tick@webpack-internal:///./node_modules/@angular/core/esm5/core.js:6123:13
next/<@webpack-internal:///./node_modules/@angular/core/esm5/core.js:5956:99
ZoneDelegate.prototype.invoke@webpack-internal:///./node_modules/zone.js/dist/zone.js:388:17
onInvoke@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4965:24
ZoneDelegate.prototype.invoke@webpack-internal:///./node_modules/zone.js/dist/zone.js:387:17
Zone.prototype.run@webpack-internal:///./node_modules/zone.js/dist/zone.js:138:24
NgZone.prototype.run@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4782:54
next@webpack-internal:///./node_modules/@angular/core/esm5/core.js:5956:69
EventEmitter.prototype.subscribe/schedulerFn<@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4547:36
SafeSubscriber.prototype.__tryOrUnsub@webpack-internal:///./node_modules/rxjs/_esm5/Subscriber.js:245:13
SafeSubscriber.prototype.next@webpack-internal:///./node_modules/rxjs/_esm5/Subscriber.js:192:17
Subscriber.prototype._next@webpack-internal:///./node_modules/rxjs/_esm5/Subscriber.js:133:9
Subscriber.prototype.next@webpack-internal:///./node_modules/rxjs/_esm5/Subscriber.js:97:13
Subject.prototype.next@webpack-internal:///./node_modules/rxjs/_esm5/Subject.js:65:17
EventEmitter.prototype.emit@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4527:24
checkStable@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4930:13
onLeave@webpack-internal:///./node_modules/@angular/core/esm5/core.js:5009:5
onInvoke@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4968:17
ZoneDelegate.prototype.invoke@webpack-internal:///./node_modules/zone.js/dist/zone.js:387:17
Zone.prototype.run@webpack-internal:///./node_modules/zone.js/dist/zone.js:138:24
NgZone.prototype.run@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4782:54
VirtualScrollComponent.prototype.calculateItems@webpack-internal:///./node_modules/angular2-virtual-scroll/dist/virtual-scroll.js:240:13
VirtualScrollComponent.prototype.refresh/</<@webpack-internal:///./node_modules/angular2-virtual-scroll/dist/virtual-scroll.js:65:56
ZoneDelegate.prototype.invokeTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:421:17
Zone.prototype.runTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:188:28
ZoneTask.invokeTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:496:24
ZoneTask/this.invoke@webpack-internal:///./node_modules/zone.js/dist/zone.js:485:28
timer@webpack-internal:///./node_modules/zone.js/dist/zone.js:2025:17
FrameRequestCallback*scheduleTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:2046:25
ZoneDelegate.prototype.scheduleTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:407:21
Zone.prototype.scheduleTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:232:24
Zone.prototype.scheduleMacroTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:255:20
scheduleMacroTaskWithCurrentZone@webpack-internal:///./node_modules/zone.js/dist/zone.js:1092:12
patchTimer/setNative</<@webpack-internal:///./node_modules/zone.js/dist/zone.js:2061:28
patchMethod/proto[name]@webpack-internal:///./node_modules/zone.js/dist/zone.js:1372:24
VirtualScrollComponent.prototype.refresh/<@webpack-internal:///./node_modules/angular2-virtual-scroll/dist/virtual-scroll.js:65:13
ZoneDelegate.prototype.invoke@webpack-internal:///./node_modules/zone.js/dist/zone.js:388:17
Zone.prototype.run@webpack-internal:///./node_modules/zone.js/dist/zone.js:138:24
NgZone.prototype.runOutsideAngular@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4913:54
VirtualScrollComponent.prototype.refresh@webpack-internal:///./node_modules/angular2-virtual-scroll/dist/virtual-scroll.js:64:9
VirtualScrollComponent.prototype.ngOnChanges@webpack-internal:///./node_modules/angular2-virtual-scroll/dist/virtual-scroll.js:59:9
checkAndUpdateDirectiveInline@webpack-internal:///./node_modules/@angular/core/esm5/core.js:12581:9
checkAndUpdateNodeInline@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14109:20
checkAndUpdateNode@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14052:16
debugCheckAndUpdateNode@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14945:55
debugCheckDirectivesFn@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14886:13
View_MetaTableComponent_0/<@ng:///AppModule/MetaTableComponent.ngfactory.js:438:5
debugUpdateDirectives@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14871:12
checkAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14018:5
callViewAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14369:21
execComponentViewsAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14301:13
checkAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14024:5
callViewAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14369:21
execComponentViewsAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14301:13
checkAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14024:5
callViewAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14369:21
execEmbeddedViewsAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14327:17
checkAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14019:5
callViewAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14369:21
execComponentViewsAction@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14301:13
checkAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14024:5
callWithDebugContext@webpack-internal:///./node_modules/@angular/core/esm5/core.js:15272:39
debugCheckAndUpdateView@webpack-internal:///./node_modules/@angular/core/esm5/core.js:14809:12
ViewRef_.prototype.detectChanges@webpack-internal:///./node_modules/@angular/core/esm5/core.js:11793:13
ApplicationRef.prototype.tick/<@webpack-internal:///./node_modules/@angular/core/esm5/core.js:6123:58
ApplicationRef.prototype.tick@webpack-internal:///./node_modules/@angular/core/esm5/core.js:6123:13
next/<@webpack-internal:///./node_modules/@angular/core/esm5/core.js:5956:99
ZoneDelegate.prototype.invoke@webpack-internal:///./node_modules/zone.js/dist/zone.js:388:17
onInvoke@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4965:24
ZoneDelegate.prototype.invoke@webpack-internal:///./node_modules/zone.js/dist/zone.js:387:17
Zone.prototype.run@webpack-internal:///./node_modules/zone.js/dist/zone.js:138:24
NgZone.prototype.run@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4782:54
next@webpack-internal:///./node_modules/@angular/core/esm5/core.js:5956:69
EventEmitter.prototype.subscribe/schedulerFn<@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4547:36
SafeSubscriber.prototype.__tryOrUnsub@webpack-internal:///./node_modules/rxjs/_esm5/Subscriber.js:245:13
SafeSubscriber.prototype.next@webpack-internal:///./node_modules/rxjs/_esm5/Subscriber.js:192:17
Subscriber.prototype._next@webpack-internal:///./node_modules/rxjs/_esm5/Subscriber.js:133:9
Subscriber.prototype.next@webpack-internal:///./node_modules/rxjs/_esm5/Subscriber.js:97:13
Subject.prototype.next@webpack-internal:///./node_modules/rxjs/_esm5/Subject.js:65:17
EventEmitter.prototype.emit@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4527:24
checkStable@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4930:13
onLeave@webpack-internal:///./node_modules/@angular/core/esm5/core.js:5009:5
onInvokeTask@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4959:17
ZoneDelegate.prototype.invokeTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:420:17
Zone.prototype.runTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:188:28
ZoneTask.invokeTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:496:24
invokeTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:1517:9
globalZoneAwareCallback@webpack-internal:///./node_modules/zone.js/dist/zone.js:1543:17
EventListener.handleEvent*customScheduleGlobal@webpack-internal:///./node_modules/zone.js/dist/zone.js:1643:20
ZoneDelegate.prototype.scheduleTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:407:21
onScheduleTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:297:20
ZoneDelegate.prototype.scheduleTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:401:30
Zone.prototype.scheduleTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:232:24
Zone.prototype.scheduleEventTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:258:20
makeAddListener/<@webpack-internal:///./node_modules/zone.js/dist/zone.js:1808:28
HttpXhrBackend.prototype.handle/<@webpack-internal:///./node_modules/@angular/common/esm5/http.js:2394:13

Nicolas Chevobbe · Answer 7 · Mon Mar 26 2018 20:15:25 GMT+0800 (China Standard Time)

Thanks a lot @kootoopas , that really help !
I have an idea what's causing the issue and I'm working on a fix to get it out of the door shortly.

grbgdisposal · Answer 8 · Tue Mar 27 2018 00:07:34 GMT+0800 (China Standard Time)

@nchevobbe hahaa :D it's always fun to help this project out!