Components pane is empty

[hinok]

Angular DevTools version (required): 1.0.0

Angular version (required): 11.2.11

Link to a minimal stackblitz reproduction (strongly encouraged): N/A

Description of issue:

• Components pane is empty

Steps to reproduce:

1. Open page

2. Open dev tools

Additional details:

Components pane is empty but when I use inspector

I can see small "tooltips" with components names like below

[guidopontet]

Same here

Angular DevTools version (required): 1.0.0

Angular version (required): 11.0.2

[nikhilgrag]

@hinok @guidopontet It was happening for me as well. Check your chrome console, if you are getting a warning Unbale to find ID of undefined when you try to inspect some element,
then you can refer to #774

[mgechev]

@hinok @guidopontet would you check updating to v12? We introduced better integration with framework which should fix the issue. Let me know if this resolves the problem.

To make sure we fix it for older versions too, I'd really appreciate a minimal reproduction where we can investigage!

[mgechev]

@hinok @nikhilgrag @guidopontet could you share a minimal reproduction so we can investigate and fix for older versions?

[nikhilgrag]

@mgechev https://github.com/nikhilgrag/angular-dev-tools-old-version-error
It will start working once you remove ViewContainerRef from app.component.ts

[guidopontet]

@mgechev start working ok on angular 12 update. ¡Thanks!

[mgechev]

Closing it as duplicate of #773.