Repository navigation
deferredImports: partial output never loads the block, and the Angular 22.2 named form does not compile #654
Description
Summary
Two problems with @Component.deferredImports:
- With the array form, partial compilation emits no
deferBlockDependenciesand nodependencies. After linking, the block isɵɵdefer(1, 0), and the deferred component never loads or renders. - The Angular 22.2 named form (
deferredImports: {blk: [ChildCmp]}with@defer (name blk)) does not compile at all. It fails withUnrecognized trigger.
Found while re-checking #623.
Reproduction
// (i) array form. ngtsc 22.2 rejects it in full and partial mode.
@Component({
selector: 'app',
// @ts-ignore
deferredImports: [ChildCmp],
template: '@defer { <child-cmp /> }',
})
export class App {}
// (ii) named form, Angular 22.2
@Component({
selector: 'app',
deferredImports: {blk: [ChildCmp]},
template: '@defer (name blk) { <child-cmp /> }',
})
export class App {}ChildCmp is imported from ./child.
| ngtsc 22.2.3 | oxc (main 5780233) | |
|---|---|---|
| (i) full | error: 'deferredImports' must be an object mapping block names to dependency arrays. |
accepted. The deps fn is inline, but import {ChildCmp} is kept, so the code is not split |
| (i) partial | same error | no deferBlockDependencies. After linking: ɵɵdefer(1, 0), and <child-cmp> never renders |
| (ii) full | const App_Defer_1_DepsFn = () => [import("./child").then(m => m.ChildCmp)], and the import is removed |
Unrecognized trigger. The source is returned untouched |
| (ii) partial | deferBlockDependencies: [() => [import("./child")…]] and ngDeclareClassMetadataAsync |
Unrecognized trigger |
Where
- The object form is not parsed:
component/decorator.rs(extract_identifier_array). nameis rejected as a trigger:transform/control_flow.rs.- Partial emit skips
deferBlockDependencies:partial/component.rs.
One question is a product call: should oxc keep accepting the array form, which ngtsc 22.2 rejects?
Activity