Angular @defer breaks when a deferred component is used as a GENERIC TYPE (not a value) of the viewChild about angular HOT 6 OPEN

Or with a single import statement:

import { Child, type Child as ChildType } from './child.component';

also works.

from angular.

This does seem like something our logic could support easily enough...

from angular.

Note that the issue also exist with the decorator query.
@ViewChild('test') child: Child breakes defer while @ViewChild('test') child: any doesn't present any issue.

from angular.

The use-case is to be able to call the child components methods without a need to create additional interfaces to work around this issue. We use it a lot in this way in the custom component library.

from angular.

I don't think the import removal analysis is capable of differentiating between type-position only imports.

You can get this to work using

import type { Child as ChildType } from './child.component';

so there isn't any need for an interface.

from angular.

Maybe this could be referenced in the docs as well ?

from angular.