@angular-devkit/build-angular 13.2.2 → 13.2.3

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "13.2.2",
+  "version": "13.2.3",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "1.1.1",
-    "@angular-devkit/architect": "0.1302.2",
-    "@angular-devkit/build-webpack": "0.1302.2",
-    "@angular-devkit/core": "13.2.2",
+    "@angular-devkit/architect": "0.1302.3",
+    "@angular-devkit/build-webpack": "0.1302.3",
+    "@angular-devkit/core": "13.2.3",
     "@babel/core": "7.16.12",
     "@babel/generator": "7.16.8",
     "@babel/helper-annotate-as-pure": "7.16.7",
@@ -20,7 +20,7 @@
     "@babel/runtime": "7.16.7",
     "@babel/template": "7.16.7",
     "@discoveryjs/json-ext": "0.5.6",
-    "@ngtools/webpack": "13.2.2",
+    "@ngtools/webpack": "13.2.3",
     "ansi-colors": "4.1.1",
     "babel-loader": "8.2.3",
     "babel-plugin-istanbul": "6.1.1",

package/src/webpack/plugins/karma/karma.js

@@ -155,27 +155,38 @@ const init = (config, emitter) => {
     compiler.hooks.invalid.tap('karma', () => handler());
     compiler.hooks.watchRun.tapAsync('karma', (_, callback) => handler(callback));
     compiler.hooks.run.tapAsync('karma', (_, callback) => handler(callback));
+    webpackMiddleware = (0, webpack_dev_middleware_1.default)(compiler, webpackMiddlewareConfig);
+    emitter.on('exit', (done) => {
+        webpackMiddleware.close();
+        done();
+    });
     function unblock() {
         isBlocked = false;
         blocked.forEach((cb) => cb());
         blocked = [];
     }
     let lastCompilationHash;
-    compiler.hooks.done.tap('karma', (stats) => {
-        if (stats.hasErrors()) {
-            lastCompilationHash = undefined;
-        }
-        else if (stats.hash != lastCompilationHash) {
-            // Refresh karma only when there are no webpack errors, and if the compilation changed.
-            lastCompilationHash = stats.hash;
-            emitter.refreshFiles();
-        }
-        unblock();
-    });
-    webpackMiddleware = (0, webpack_dev_middleware_1.default)(compiler, webpackMiddlewareConfig);
-    emitter.on('exit', (done) => {
-        webpackMiddleware.close();
-        done();
+    let isFirstRun = true;
+    return new Promise((resolve) => {
+        compiler.hooks.done.tap('karma', (stats) => {
+            if (isFirstRun) {
+                // This is needed to block Karma from launching browsers before Webpack writes the assets in memory.
+                // See the below:
+                // https://github.com/karma-runner/karma-chrome-launcher/issues/154#issuecomment-986661937
+                // https://github.com/angular/angular-cli/issues/22495
+                isFirstRun = false;
+                resolve();
+            }
+            if (stats.hasErrors()) {
+                lastCompilationHash = undefined;
+            }
+            else if (stats.hash != lastCompilationHash) {
+                // Refresh karma only when there are no webpack errors, and if the compilation changed.
+                lastCompilationHash = stats.hash;
+                emitter.refreshFiles();
+            }
+            unblock();
+        });
     });
 };
 init.$inject = ['config', 'emitter'];