docs-bug(form-field): components-examples related to form-field do not load in Angular v12

[Splaktar]

Documentation Feedback

The Autocomplete examples are broken with Angular v12.0.0-next.2 and v12.0.0-next.3.

Affected documentation page:

• https://next.material.angular.io/components/autocomplete/examples
• https://next.material.angular.io/components/form-field/examples
• https://next.material.angular.io/components/input/examples
• https://next.material.angular.io/components/select/examples

ERROR TypeError: Cannot read property 'selectors' of null
    at main-es2015.807f533dcf8794ae3ae6.js:1
    at Ys (main-es2015.807f533dcf8794ae3ae6.js:1)
    at main-es2015.807f533dcf8794ae3ae6.js:1
    at Ba (main-es2015.807f533dcf8794ae3ae6.js:1)
    at template (9-es2015.f1cd97926e4db4854781.js:1)
    at Bs (main-es2015.807f533dcf8794ae3ae6.js:1)
    at Ns (main-es2015.807f533dcf8794ae3ae6.js:1)
    at uo (main-es2015.807f533dcf8794ae3ae6.js:1)
    at main-es2015.807f533dcf8794ae3ae6.js:1
    at Ns (main-es2015.807f533dcf8794ae3ae6.js:1)

Affected documentation page: http://localhost:4200/components/autocomplete/examples in DevMode

ERROR Error: 'undefined' is neither 'ComponentType' or 'DirectiveType'.
    at extractDirectiveDef (core.js:934) [angular]
    at Array.map (<anonymous>) [angular]
    at def.directiveDefs (core.js:909) [angular]
    at createTView (core.js:9638) [angular]
    at getOrCreateTComponentView (core.js:9586) [angular]
    at createRootComponentView (core.js:12350) [angular]
    at ComponentFactory$1.create (core.js:24980) [angular]
    at ViewContainerRef.createComponent (core.js:23052) [angular]
    at NgComponentOutlet.ngOnChanges (common.js:3052) [angular]
    at NgComponentOutlet.rememberChangeHistoryAndInvokeOnChangesHook (core.js:1498) [angular]
    at callHook (core.js:2492) [angular]
    at callHooks (core.js:2459) [angular]
    at executeInitAndCheckHooks (core.js:2410) [angular]
    at refreshView (core.js:9406) [angular]

[Splaktar]

It looks like Angular 12.0.0-next.5 requires TypeScript 4.2.x and we are currently on 4.1.5 on mat-aio. I'm investigating if this is related or not.

[Splaktar]

Yep, updating to TS 4.2.3 on mat-aio fixes this.

[Splaktar]

TS 4.2 support landed yesterday via PR #22262 in Material 12.0.0-next.3.

[Splaktar]

Fixed in angular/material.angular.io@eb11828 as part of PR angular/material.angular.io#932.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}