Augury fails displaying state for components #1368
Description
Augury version (required): canary build 1.21.0
Angular version (required): 7.2.3
Date: 2019-02-06
OS: Windows 7
Demo test application:
none yet (rather complex application)
Description of issue:
On a lot of angular components, augury only shows "no state to show". With the same components, I can use "$$el.componentInstance" to see all the properties of the component.
Some components can be shown, though, but these are very simple components without complex properties.
When inspecting the augury window with another inspection window, I see the following error:
Error: Code evaluation failed
at String.toJSON ()
at Object. (localhost:4200/polyfills.js:1141)
at JSON.stringify ()
at Object.stringify (chrome-extension://leechohfifidanmkioncamdcibhmmcji/build/backend.js:31)
at Object.e.serialize (chrome-extension://leechohfifidanmkioncamdcibhmmcji/build/backend.js:31)
at Object.handleImmediate (chrome-extension://leechohfifidanmkioncamdcibhmmcji/build/backend.js:31)
at :1:22
(anonymous) @ frontend.js:786
t.invoke @ frontend.js:801
onInvoke @ frontend.js:137
t.invoke @ frontend.js:801
e.run @ frontend.js:801
(anonymous) @ frontend.js:809
t.invokeTask @ frontend.js:801
onInvokeTask @ frontend.js:137
t.invokeTask @ frontend.js:801
e.runTask @ frontend.js:801
y @ frontend.js:801
Promise.then (async)
d @ frontend.js:801
t.scheduleTask @ frontend.js:801
onScheduleTask @ frontend.js:801
t.scheduleTask @ frontend.js:801
e.scheduleTask @ frontend.js:801
e.scheduleMicroTask @ frontend.js:801
M @ frontend.js:809
S @ frontend.js:809
(anonymous) @ frontend.js:809
(anonymous) @ frontend.js:786
callbackWrapper @ VM55:52
_onCallback @ VM55:70
_onMessage @ VM55:71
The lines around the mentioned line in the polyfills file is
// "./node_modules/core-js/modules/_ctx.js":
/!!
! ./node_modules/core-js/modules/_ctx.js !
*/
/! no static exports found /
/*/ (function(module, exports, webpack_require) {// optional / simple context binding
var aFunction = webpack_require(/*! ./_a-function / "./node_modules/core-js/modules/_a-function.js");
module.exports = function(fn, that, length){
aFunction(fn);
if(that === undefined)return fn;
switch(length){
case 1: return function(a){
return fn.call(that, a);
};
case 2: return function(a, b){
return fn.call(that, a, b);
};
case 3: return function(a, b, c){
return fn.call(that, a, b, c);
};
}
return function(/ ...args */){
return fn.apply(that, arguments);
};
};
where the last "return" line is line 1141.