From 6c8fdfc6985c5b5017a0b6ab6fa38daf4cb9a775 Mon Sep 17 00:00:00 2001
From: Alan Agius <alanagius@google.com>
Date: Fri, 27 Jan 2023 08:24:27 +0000
Subject: [PATCH] fix(@angular-devkit/build-angular): load JavaScript bundles
 as modules in karma

With this change we load bundles as modules when using the Karma builder.

(cherry picked from commit 3512a03621c7ed99324e82771e239e77c907367e)
---
 .../src/webpack/plugins/karma/karma-context.html     | 12 ++++++------
 .../src/webpack/plugins/karma/karma-debug.html       | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/angular_devkit/build_angular/src/webpack/plugins/karma/karma-context.html b/packages/angular_devkit/build_angular/src/webpack/plugins/karma/karma-context.html
index 587278156358..2b3902b5848d 100644
--- a/packages/angular_devkit/build_angular/src/webpack/plugins/karma/karma-context.html
+++ b/packages/angular_devkit/build_angular/src/webpack/plugins/karma/karma-context.html
@@ -30,14 +30,14 @@
       // All served files with the latest timestamps
       %MAPPINGS%
     </script>
-    <script src="_karma_webpack_/runtime.js" crossorigin="anonymous"></script>
-    <script src="_karma_webpack_/polyfills.js" crossorigin="anonymous"></script>
+    <script src="_karma_webpack_/runtime.js" crossorigin="anonymous" type="module"></script>
+    <script src="_karma_webpack_/polyfills.js" crossorigin="anonymous" type="module"></script>
     <!-- Dynamically replaced with <script> tags -->
     %SCRIPTS%
-    <script src="_karma_webpack_/scripts.js" crossorigin="anonymous"></script>
-    <script src="_karma_webpack_/vendor.js" crossorigin="anonymous"></script>
-    <script src="_karma_webpack_/main.js" crossorigin="anonymous"></script>
-    <script type="text/javascript">
+    <script src="_karma_webpack_/scripts.js" crossorigin="anonymous" defer></script>
+    <script src="_karma_webpack_/vendor.js" crossorigin="anonymous" type="module"></script>
+    <script src="_karma_webpack_/main.js" crossorigin="anonymous" type="module"></script>
+    <script type="module">
       window.__karma__.loaded();
     </script>
   </body>
diff --git a/packages/angular_devkit/build_angular/src/webpack/plugins/karma/karma-debug.html b/packages/angular_devkit/build_angular/src/webpack/plugins/karma/karma-debug.html
index fed09ab2a369..0f13c288aa6a 100644
--- a/packages/angular_devkit/build_angular/src/webpack/plugins/karma/karma-debug.html
+++ b/packages/angular_devkit/build_angular/src/webpack/plugins/karma/karma-debug.html
@@ -32,14 +32,14 @@
       // All served files with the latest timestamps
       %MAPPINGS%
     </script>
-    <script src="_karma_webpack_/runtime.js" crossorigin="anonymous"></script>
-    <script src="_karma_webpack_/polyfills.js" crossorigin="anonymous"></script>
+    <script src="_karma_webpack_/runtime.js" crossorigin="anonymous" type="module"></script>
+    <script src="_karma_webpack_/polyfills.js" crossorigin="anonymous" type="module"></script>
     <!-- Dynamically replaced with <script> tags -->
     %SCRIPTS%
-    <script src="_karma_webpack_/scripts.js" crossorigin="anonymous"></script>
-    <script src="_karma_webpack_/vendor.js" crossorigin="anonymous"></script>
-    <script src="_karma_webpack_/main.js" crossorigin="anonymous"></script>
-    <script type="text/javascript">
+    <script src="_karma_webpack_/scripts.js" crossorigin="anonymous" defer></script>
+    <script src="_karma_webpack_/vendor.js" crossorigin="anonymous" type="module"></script>
+    <script src="_karma_webpack_/main.js" crossorigin="anonymous" type="module"></script>
+    <script type="module">
       window.__karma__.loaded();
     </script>
   </body>