Update angular core and cli to version 12

angular.json

@@ -22,7 +22,6 @@
           "skipTests": true
         },
         "@schematics/angular:module": {
-          "skipTests": true
         },
         "@schematics/angular:pipe": {
           "skipTests": true
@@ -35,7 +34,6 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "aot": true,
             "outputPath": "dist/monitor-dashboard/browser",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -53,7 +51,13 @@
               "node_modules/uikit/dist/js/uikit.min.js",
               "node_modules/uikit/dist/js/uikit-icons.min.js",
               "node_modules/jquery/dist/jquery.js"
-            ]
+            ],
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
             "development": {
@@ -61,7 +65,6 @@
               "outputHashing": "all",
               "sourceMap": false,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -88,7 +91,6 @@
               "outputHashing": "all",
               "sourceMap": false,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -127,7 +129,6 @@
               "outputHashing": "all",
               "sourceMap": false,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -143,7 +144,8 @@
                 }
               ]
             }
-          }
+          },
+          "defaultConfiguration": ""
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
@@ -195,7 +197,9 @@
           "options": {
             "outputPath": "dist/monitor-dashboard/server",
             "main": "server.ts",
-            "tsConfig": "src/tsconfig.server.json"
+            "tsConfig": "src/tsconfig.server.json",
+            "sourceMap": true,
+            "optimization": false
           },
           "configurations": {
             "development": {
@@ -225,7 +229,8 @@
               "sourceMap": false,
               "optimization": true
             }
-          }
+          },
+          "defaultConfiguration": ""
         },
         "serve-ssr": {
           "builder": "@nguniversal/builders:ssr-dev-server",

package.json

@@ -7,7 +7,7 @@
     "build": "ng build",
     "build-dev": "ng build --configuration=development --source-map --base-href /dashboard/",
     "build-beta": "ng build --configuration=beta --base-href /dashboard/ --source-map",
-    "build-prod": "ng build --prod --base-href /dashboard/ --sourceMap ",
+    "build-prod": "ng build --configuration production --base-href /dashboard/ --sourceMap ",
     "webpack-bundle-analyzer": "ng build --stats-json && webpack-bundle-analyzer dist/monitor-dashboard/browser/stats.json --host 0.0.0.0",
     "test": "ng test",
     "e2e": "ng e2e",
@@ -21,18 +21,18 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~11.2.14",
+    "@angular/animations": "~12.2.16",
     "@angular/cdk": "^11.2.13",
-    "@angular/common": "~11.2.14",
+    "@angular/common": "~12.2.16",
-    "@angular/compiler": "~11.2.14",
+    "@angular/compiler": "~12.2.16",
-    "@angular/core": "~11.2.14",
+    "@angular/core": "~12.2.16",
-    "@angular/forms": "~11.2.14",
+    "@angular/forms": "~12.2.16",
-    "@angular/localize": "^11.2.14",
+    "@angular/localize": "^12.2.16",
     "@angular/material": "^11.2.13",
-    "@angular/platform-browser": "~11.2.14",
+    "@angular/platform-browser": "~12.2.16",
-    "@angular/platform-browser-dynamic": "~11.2.14",
+    "@angular/platform-browser-dynamic": "~12.2.16",
-    "@angular/platform-server": "~11.2.14",
+    "@angular/platform-server": "~12.2.16",
-    "@angular/router": "~11.2.14",
+    "@angular/router": "~12.2.16",
     "@nguniversal/express-engine": "^11.2.1",
     "clipboard": "^1.5.16",
     "core-js": "^2.5.4",
@@ -44,13 +44,13 @@
     "ts-md5": "^1.2.0",
     "tslib": "^2.0.0",
     "uikit": "3.12.0",
-    "zone.js": "~0.10.2"
+    "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1102.14",
+    "@angular-devkit/build-angular": "~12.2.18",
-    "@angular/cli": "~11.2.14",
+    "@angular/cli": "~12.2.18",
-    "@angular/compiler-cli": "~11.2.14",
+    "@angular/compiler-cli": "~12.2.16",
-    "@angular/language-service": "~11.2.14",
+    "@angular/language-service": "~12.2.16",
     "@nguniversal/builders": "^11.2.1",
     "@types/compression": "^1.7.0",
     "@types/express": "^4.17.0",
@@ -67,6 +67,6 @@
     "karma-jasmine-html-reporter": "^1.6.0",
     "protractor": "~7.0.0",
     "ts-node": "~7.0.0",
-    "typescript": "~4.0.7"
+    "typescript": "~4.3.5"
   }
 }

server.ts

@@ -1,4 +1,4 @@
-import 'zone.js/dist/zone-node';
+import 'zone.js/node';
 
 import { ngExpressEngine } from '@nguniversal/express-engine';
 import * as express from 'express';

src/polyfills.ts

@@ -59,7 +59,7 @@ import '@angular/localize/init';
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
+import 'zone.js';  // Included with Angular CLI.
 
 
 /***************************************************************************************************

src/test.ts

@@ -1,6 +1,6 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,

tsconfig.json

@@ -8,7 +8,6 @@
     "declaration": false,
     "module": "es2020",
     "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "importHelpers": true,
     "target": "es2015",