fix: set angular ts target to ES2015

It is important to keep the target to ES2015, this ensures native async/await are downleveled to generators. This is required as zone.js doesn't support native async/await
stackblitz · Nov 15, 2023 · d721668 · d721668
1 parent fc5e49a
commit d721668
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 29 deletions.
diff --git a/angular/angular.json b/angular/angular.json
@@ -31,9 +31,7 @@
             "browser": "src/main.ts",
             "outputPath": "dist/demo",
             "scripts": [],
-            "styles": [
-              "src/global_styles.css"
-            ],
+            "styles": ["src/global_styles.css"],
             "tsConfig": "src/tsconfig.app.json"
           }
         },
@@ -46,13 +44,8 @@
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "exclude": [
-              "**/node_modules/**"
-            ],
-            "tsConfig": [
-              "src/tsconfig.app.json",
-              "src/tsconfig.spec.json"
-            ]
+            "exclude": ["**/node_modules/**"],
+            "tsConfig": ["src/tsconfig.app.json", "src/tsconfig.spec.json"]
           }
         },
         "serve": {
@@ -70,20 +63,12 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
             "karmaConfig": "src/karma.conf.js",
             "main": "src/test.ts",
-            "polyfills": [
-              "zone.js",
-              ".zone.js/testing"
-            ],
+            "polyfills": ["zone.js", ".zone.js/testing"],
             "scripts": [],
-            "styles": [
-              "styles.css"
-            ],
+            "styles": ["styles.css"],
             "tsConfig": "src/tsconfig.spec.json"
           }
         }
@@ -96,4 +81,4 @@
     }
   },
   "version": 1
-}
+}
diff --git a/angular/src/main.ts b/angular/src/main.ts
@@ -1,6 +1,6 @@
+import { Component } from '@angular/core';
+import { bootstrapApplication } from '@angular/platform-browser';
 import 'zone.js';
-import {Component} from '@angular/core';
-import {bootstrapApplication} from '@angular/platform-browser';
 
 @Component({
   selector: 'app-root',

diff --git a/angular/tsconfig.json b/angular/tsconfig.json
@@ -16,13 +16,10 @@
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "ES2022",
+    "target": "ES2015",
     "module": "ES2022",
     "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
+    "lib": ["ES2022", "dom"]
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,