fix live reload for webpack 5

Author: ocombe

packages/angular-v12/angular-v12.webpack.ts

@@ -77,8 +77,7 @@ export class AngularV12Webpack extends AngularWebpack {
     delete webpackConfig.devServer.watchOptions;
 
     // Moved sockPath to client.webSocketURL.pathname option
-    webpackConfig.devServer.client.webSocketURL = webpackConfig.devServer.client.webSocketURL || {};
-    webpackConfig.devServer.client.webSocketURL.pathname = webpackConfig.devServer.sockPath;
+    // We let webpack handle that now
     delete webpackConfig.devServer.sockPath;
 
     // Removed stats in favor of the stats options from webpack

packages/angular-v12/webpack/webpack5.serve.config.ts

@@ -90,7 +90,7 @@ export function webpack5ServeConfigFactory(
           serveIndex: true,
           // Can be:
           // watch: {} (options for the `watch` option you can find https://github.com/paulmillr/chokidar)
-          watch: true,
+          watch: false,
         },
       ],
 
@@ -110,12 +110,7 @@ export function webpack5ServeConfigFactory(
       },
 
       client: {
-        overlay: false,
-        // public, sockHost, sockPath, and sockPort options were removed in favor client.webSocketURL option:
-        webSocketURL: {
-          pathname: `_hmr/${devServerID}`,
-          // port automatically matches the website
-        },
+        overlay: false
       },
 
       webSocketServer: {