HMR error [plugin:vite:import-analysis] Failed to resolve import

[blueiceprj]

Which @angular/* package(s) are the source of the bug?

core

Is this a regression?

Yes

Description

HMR is enabled on my project (--hmr). When I change some code on template or ts file getting some like that error. Here details.

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

[plugin:vite:import-analysis] Failed to resolve import "./chunk-4JZSMU2G.js" from ".angular/vite-root/..../main.js". Does the file exist?
/........./.angular/vite-root/...../main.js:9:9
7  |  import {
8  |    AuthGuard
9  |  } from "./chunk-4JZSMU2G.js";
   |          ^
10 |  import {
11 |    UserRouteAccessService
    at TransformPluginContext._formatError (file:///......node_modules/vite/dist/node/chunks/dep-BJP6rrE_.js:47397:41)
    at TransformPluginContext.error (file:///......./node_modules/vite/dist/node/chunks/dep-BJP6rrE_.js:47392:16)
    at normalizeUrl (file:///....../node_modules/vite/dist/node/chunks/dep-BJP6rrE_.js:45642:23)
    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
    at async file:///...../node_modules/vite/dist/node/chunks/dep-BJP6rrE_.js:45761:39
    at async Promise.all (index 2)
    at async TransformPluginContext.transform (file:///...../node_modules/vite/dist/node/chunks/dep-BJP6rrE_.js:45688:7)
    at async EnvironmentPluginContainer.transform (file:///..../node_modules/vite/dist/node/chunks/dep-BJP6rrE_.js:47223:18)
    at async loadAndTransform (file:///...../node_modules/vite/dist/node/chunks/dep-BJP6rrE_.js:41034:27)
    at async viteTransformMiddleware (file:///...../node_modules/vite/dist/node/chunks/dep-BJP6rrE_.js

Please provide the environment you discovered this bug in (run ng version)

_                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 19.1.1
Node: 22.12.0
Package Manager: npm 11.0.0
OS: darwin x64

Angular: 19.1.1
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                              Version
--------------------------------------------------------------
@angular-devkit/architect            0.1901.1
@angular-devkit/build-angular        19.1.1
@angular-devkit/build-ng-packagr     0.1002.0
@angular-devkit/core                 19.1.1 (cli-only)
@angular-devkit/schematics           19.1.1
@angular/cdk                         19.0.5
@angular/material                    19.0.5
@angular/material-date-fns-adapter   19.0.5
@angular/youtube-player              19.0.5
@schematics/angular                  19.1.1
rxjs                                 7.8.1
typescript                           5.7.3
zone.js                              0.15.0

Anything else?

No response

[alan-agius4]

This issue seems to occur when updating a template in a component of a lazy-loaded route, followed by making changes in the TypeScript file of the importer, example app.routes.ts.

The root cause appears to be

angular-cli/packages/angular/build/src/builders/application/build-action.ts

Lines 284 to 289 in 3861b88

	// Temporarily ignore JS files until Angular compiler plugin refactor to allow
	// bypassing application code bundling for template affecting only changes.
	// TODO: Remove once refactor is complete.
	if (hasTemplateUpdates && /\.js(?:\.map)?$/.test(file.path)) {
	continue;
	}

[Deku-nattsu]

I have a similar issue (the difference is the bundle generates rather than getting an error), after hmr reload, navigating to other lazy loaded routes stops working due to 404 error where it can't find modules files.

[stevenrlp]

I am experiencing the same issue on angular 19.1.1, everything seems to work but I get a whole load of these horrible warnings.
I removed my node_modules and re-installed them, but the issue still persists.

14:54:31 [vite] (client) warning:
D:/Repos/xxxx/source/Web/Frontend/.angular/vite-root/frontend/main.js
25 |  (() => {
26 |    function AppComponent_HmrLoad(t) {
27 |      import(new URL("/@ng/component?c=src%2Fapp%2Fapp.component.ts%40AppComponent&t=" + encodeURIComponent(t), import.meta.url).href).then((m) => m.default && i0.\u0275\u0275replaceMetadata(AppComponent, m.default, [i0], [RouterOutlet]));
   |             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
28 |    }
29 |    (typeof ngDevMode === "undefined" || ngDevMode) && AppComponent_HmrLoad(Date.now());
The above dynamic import cannot be analyzed by Vite.
See https://github.com/rollup/plugins/tree/master/packages/dynamic-import-vars#limitations for supported dynamic import formats. If this is intended to be left as-is, you can use the /* @vite-ignore */ comment inside the import() call to suppress this warning.

  Plugin: vite:import-analysis
  File: D:/Repos/xxxx/source/Web/Frontend/.angular/vite-root/frontend/main.js

[alan-agius4]

@stevenrlp, your issue seems to unrelated to this, can you please file a new issue with a minimal reproduction.