mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
86d8f6bda8
Adjusts the HMR initialization to avoid the edge case where a developer makes change to a non-rendered component that exists in a lazy loaded chunk that has not been loaded yet. The changes include:
* Moving the `import` statement out into a separate function.
* Adding a null check for `d.default` before calling `replaceMEtadata`.
* Triggering the `import` callback eagerly on initialization.
Example of the new generated code:
```js
(() => {
function Cmp_HmrLoad(t) {
import(
/* @vite-ignore */ "/@ng/component?c=test.ts%40Cmp&t=" + encodeURIComponent(t)
).then((m) => m.default && i0.ɵɵreplaceMetadata(Cmp, m.default, [/* Dependencies go here */]));
}
(typeof ngDevMode === "undefined" || ngDevMode) && Cmp_HmrLoad(Date.now());
(typeof ngDevMode === "undefined" || ngDevMode) &&
import.meta.hot &&
import.meta.hot.on("angular:component-update", (d) => {
if (d.id === "test.ts%40Cmp") {
Cmp_HmrLoad(d.timestamp);
}
});
})();
```
PR Close #58465
|
||
|---|---|---|
| .. | ||
| partial | ||
| view | ||
| r3_ast.ts | ||
| r3_class_debug_info_compiler.ts | ||
| r3_class_metadata_compiler.ts | ||
| r3_control_flow.ts | ||
| r3_deferred_blocks.ts | ||
| r3_deferred_triggers.ts | ||
| r3_factory.ts | ||
| r3_hmr_compiler.ts | ||
| r3_identifiers.ts | ||
| r3_injector_compiler.ts | ||
| r3_jit.ts | ||
| r3_module_compiler.ts | ||
| r3_pipe_compiler.ts | ||
| r3_template_transform.ts | ||
| util.ts | ||