From 4147a9b44d6ec0c0eaa96c7156bbd416dbb1f177 Mon Sep 17 00:00:00 2001
From: Charles Lyding <19598772+clydin@users.noreply.github.com>
Date: Fri, 17 Jan 2025 13:41:27 -0500
Subject: [PATCH] refactor(@angular/build): add console message to dev server
 when component HMR is enabled

An informational message has been added to the development server to ensure
that users are aware that component HMR has been enabled and provide actionable
steps in the event that an application reload may not behave as expected.
---
 .../angular/build/src/builders/dev-server/vite-server.ts  | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/angular/build/src/builders/dev-server/vite-server.ts b/packages/angular/build/src/builders/dev-server/vite-server.ts
index 0c5924716955..682fb9d9526d 100644
--- a/packages/angular/build/src/builders/dev-server/vite-server.ts
+++ b/packages/angular/build/src/builders/dev-server/vite-server.ts
@@ -151,6 +151,14 @@ export async function* serveWithVite(
   // This will also replace file-based/inline styles as code if external runtime styles are not enabled.
   browserOptions.templateUpdates =
     serverOptions.liveReload && serverOptions.hmr && useComponentTemplateHmr;
+  if (browserOptions.templateUpdates) {
+    context.logger.warn(
+      'Component HMR has been enabled.\n' +
+        'If you encounter application reload issues, you can manually reload the page to bypass HMR and/or disable this feature with the' +
+        ' `--no-hmr` command line option.\n' +
+        'Please consider reporting any issues you encounter here: https://github.com/angular/angular-cli/issues\n',
+    );
+  }
 
   browserOptions.incrementalResults = true;