DevTools does not show component tree when injecting ViewContainerRef in AppComponent

[decline]

Angular DevTools version (required): 1.0.1

Angular version (required): 11.2.14

Link to a minimal GitHub repository: https://github.com/decline/angular-devtools-issue

Description of issue:

When injecting the ViewContainerRef in the AppComponent construct, Angular DevTools will not work.

To make it work again, remove this construct from the AppComponent:

  constructor(public viewContainerRef: ViewContainerRef) {
    this.hasViewContainerRef = !!viewContainerRef;
  }

Steps to reproduce:

1. Checkout GitHub repository, run npm install and serve app with ng serve

2. Open the app in the browser and start DevTools (you should not see the component tree in DevTools):

3. In AppComponent just remove the construct. DevTools should now show the component tree:

[mgechev]

Duplicate of #773 and #809. The easiest fix would be to update to v12.