Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Angular Dev Tools shows source as Window.addEventListener:message in Profiler

Tags:

angular

I tried Angular Dev Tools Extension on a fairly complex Angular application. On the profiler tab, the moment I click "Start recording", even before I could move the cursor away from start button, I see there is a continuous stream of change detection cycles. The Source is reported as "Window.addEventListener:message". Please see the screenshot below enter image description here

  1. How can I find what could be causing these events and hence the numerous change detection cycles?
  2. As seen in the screenshot there is a method called "changes" listed on the right under the component details. The CasePanelComponent does even have ngOnChanges() method, so what is being referred to here by "changes" method?
like image 874
Phalgun Avatar asked Oct 17 '25 11:10

Phalgun


1 Answers

Redux DevTools interferes with Angular Dev tools. And the only option available currently is to disable Redux Dev tools.

Please see https://github.com/rangle/angular-devtools/issues/825 for more details.

like image 120
Phalgun Avatar answered Oct 20 '25 02:10

Phalgun



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!