fix(@angular/build): emit a warning when outputHashing is set to all or bundles when HMR is enabled

These values are incompatible with HMR.

Closes #30697

Author: alan-agius4

packages/angular/build/src/builders/dev-server/vite-server.ts

@@ -28,6 +28,7 @@ import { loadProxyConfiguration, normalizeSourceMaps } from '../../utils';
 import { useComponentStyleHmr, useComponentTemplateHmr } from '../../utils/environment-options';
 import { loadEsmModule } from '../../utils/load-esm';
 import { Result, ResultFile, ResultKind } from '../application/results';
+import { OutputHashing } from '../application/schema';
 import {
   type ApplicationBuilderInternalOptions,
   BuildOutputFileType,
@@ -158,8 +159,19 @@ export async function* serveWithVite(
     process.setSourceMapsEnabled(true);
   }
 
-  const componentsHmrCanBeUsed =
-    browserOptions.aot && serverOptions.liveReload && serverOptions.hmr;
+  let componentsHmrCanBeUsed = browserOptions.aot && serverOptions.liveReload && serverOptions.hmr;
+  if (
+    componentsHmrCanBeUsed &&
+    (browserOptions.outputHashing === OutputHashing.All ||
+      browserOptions.outputHashing === OutputHashing.Bundles)
+  ) {
+    componentsHmrCanBeUsed = false;
+
+    context.logger.warn(
+      `Hot Module Replacement (HMR) is disabled because the 'outputHashing' option is set to '${browserOptions.outputHashing}'. ` +
+        'HMR is incompatible with this setting.',
+    );
+  }
 
   // Enable to support link-based component style hot reloading (`NG_HMR_CSTYLES=1` can be used to enable)
   browserOptions.externalRuntimeStyles = componentsHmrCanBeUsed && useComponentStyleHmr;