ci: force dev server host to IPv4 to resolve RBE resolution issues

This is needed to get around an RBE issue

Author: alan-agius4

.bazelrc

@@ -1,5 +1,6 @@
 # Disable NG CLI TTY mode
 build --action_env=NG_FORCE_TTY=false
+build --action_env=NG_FORCE_TTY2=false
 
 # Required by `rules_ts`.
 common --@aspect_rules_ts//ts:skipLibCheck=always

packages/angular/build/src/builders/dev-server/tests/setup.ts

@@ -62,6 +62,10 @@ export const BASE_OPTIONS = Object.freeze<Schema>({
   buildTarget: 'test:build',
   port: 0,
 
+  // Force an IPv4 address as with RBE there are currently resolution issues with IPv6 addresses.
+  // http://localhost is resolved to IPv6 address with vite and webpack but to IPv4 with node fetch.
+  host: '127.0.0.1',
+
   // Watch is not supported for testing in vite as currently there is no teardown logic to stop the watchers.
   watch: false,
 });

packages/angular_devkit/build_angular/src/builders/dev-server/tests/setup.ts

@@ -63,6 +63,10 @@ export const BASE_OPTIONS = Object.freeze<Schema>({
   buildTarget: 'test:build',
   port: 0,
 
+  // Force an IPv4 address as with RBE there are currently resolution issues with IPv6 addresses.
+  // http://localhost is resolved to IPv6 address with vite and webpack but to IPv4 with node fetch.
+  host: '127.0.0.1',
+
   // Watch is not supported for testing in vite as currently there is no teardown logic to stop the watchers.
   watch: false,
 });

packages/angular_devkit/build_webpack/test/basic-app/webpack.config.cjs

@@ -3,6 +3,11 @@ const path = require('path');
 module.exports = {
   mode: 'development',
   entry: path.resolve(__dirname, './src/main.js'),
+  devServer: {
+    // Force an IPv4 address as with RBE there are currently resolution issues with IPv6 addresses.
+    // http://localhost is resolved to IPv6 address with vite and webpack but to IPv4 with node fetch.
+    host: '127.0.0.1',
+  },
   module: {
     rules: [
       // rxjs 6 requires directory imports which are not support in ES modules.

packages/angular_devkit/build_webpack/test/basic-app/webpack.config.mjs

@@ -4,6 +4,11 @@ import { fileURLToPath } from 'url';
 export default {
   mode: 'development',
   entry: resolve(fileURLToPath(import.meta.url), '../src/main.js'),
+  devServer: {
+    // Force an IPv4 address as with RBE there are currently resolution issues with IPv6 addresses.
+    // http://localhost is resolved to IPv6 address with vite and webpack but to IPv4 with node fetch.
+    host: '127.0.0.1',
+  },
   module: {
     rules: [
       // rxjs 6 requires directory imports which are not support in ES modules.