Misko Hevery
33630dd3ed
fix(ivy): workaround for tsickle bug (#23379)
The issue is with tsickle type inference and the bug should be assigned to them. The offending code is: ``` function cacheMatchingDirectivesForNode( tNode: TNode, tView: TView, localRefs: string[] | null): void { const exportsMap = localRefs ? {'': -1} : null; // <<<<< ===== OFFENDING LINE const matches = tView.currentMatches = findDirectiveMatches(tNode); if (matches) { for (let i = 0; i < matches.length; i += 2) { const def = matches[i] as DirectiveDef<any>; const valueIndex = i + 1; resolveDirective(def, valueIndex, matches, tView); saveNameToExportMap(matches[valueIndex] as number, def, exportsMap); } } if (exportsMap) cacheMatchingLocalNames(tNode, localRefs, exportsMap); } ``` because it generates invalid js closure code: ``` function cacheMatchingDirectivesForNode(tNode, tView, localRefs) { const /** @type {(null|{: number})} */ exportsMap = localRefs ? { '': -1 } : null; // <<<<< ===== OFFENDING LINE const /** @type {(null|!Array<?>)} */ matches = tView.currentMatches = findDirectiveMatches(tNode); if (matches) { for (let /** @type {number} */ i = 0; i < matches.length; i += 2) { const /** @type {!tsickle_forward_declare_11.DirectiveDef<?>} */ def = /** @type {!tsickle_forward_declare_11.DirectiveDef<?>} */ (matches[i]); const /** @type {number} */ valueIndex = i + 1; resolveDirective(def, valueIndex, matches, tView); saveNameToExportMap(/** @type {number} */ (matches[valueIndex]), def, exportsMap); } } if (exportsMap) cacheMatchingLocalNames(tNode, localRefs, exportsMap); } ``` The workaround is to declare the type explicitly such as: ``` const exportsMap: ({[key:string]:number}|null) = localRefs ? {'': -1} : null; ``` which than generates valid closure code: ``` const /** @type {(null|!Object<string,number>)} */ exportsMap = localRefs ? { '': -1 } : null; ``` PR Close #23379
refactor(ivy): make return value of define(Component|Directive|Pipe|Injector|Injectable) private (#23371)
Safari (7+), iOS (7+) and IE mobile (11) are tested on BrowserStack.
Angular
Angular is a development platform for building mobile and desktop web applications using Typescript/JavaScript and other languages.
Quickstart
Want to help?
Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our guidelines for contributing and then check out one of our issues in the hotlist: community-help.
Description
Languages
TypeScript
68.6%
HTML
12.8%
JavaScript
8.4%
Pug
7%
Starlark
1.4%
Other
1.7%