feat(support-ie11): make necessary changes to have the app run on ie11

AhsanAyaz · Dec 2, 2020 · cbca0c5 · cbca0c5
1 parent ed7e694
commit cbca0c5
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -65,11 +65,13 @@
     "@angular/platform-server": "~11.0.2",
     "@angular/router": "~11.0.2",
     "@nguniversal/express-engine": "^10.0.2",
+    "classlist.js": "^1.1.20150312",
     "conventional-changelog-cli": "^2.1.1",
     "express": "^4.15.2",
     "ngx-device-detector": "^2.0.1",
     "rxjs": "~6.5.5",
     "tslib": "^2.0.0",
+    "web-animations-js": "^2.3.2",
     "zone.js": "~0.10.3"
   },
   "devDependencies": {

diff --git a/projects/demo/.browserslistrc b/projects/demo/.browserslistrc
@@ -15,4 +15,4 @@ last 2 Safari major versions
 last 2 iOS major versions
 Firefox ESR
 not IE 9-10 # Angular support for IE 9-10 has been deprecated and will be removed as of Angular v11. To opt-in, remove the 'not' prefix on this line.
-not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.
+IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.
diff --git a/projects/demo/src/polyfills.ts b/projects/demo/src/polyfills.ts
@@ -19,14 +19,14 @@
  */
 
 /** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
+import 'classlist.js'; // Run `npm install --save classlist.js`.
 
 /**
  * Web Animations `@angular/platform-browser/animations`
  * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
  * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
  */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+import 'web-animations-js'; // Run `npm install --save web-animations-js`.
 
 /**
  * By default, zone.js will patch all possible macroTask and DomEvents
@@ -55,8 +55,7 @@
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
-
+import 'zone.js/dist/zone'; // Included with Angular CLI.
 
 /***************************************************************************************************
  * APPLICATION IMPORTS

diff --git a/tsconfig.json b/tsconfig.json
@@ -9,7 +9,7 @@
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2015",
+    "target": "es5",
     "module": "es2020",
     "lib": [
       "es2018",
@@ -22,4 +22,4 @@
       ]
     }
   }
-}
+}