title: Angular Website returns a blank page on IE11 (Invalid character error)
body: <p>I have a website which was created with angualar and typescript.
  Angular: 8.2.14 and TS: 3.5.3</p>
  
  <p>It is working with all browsers expect IE(11). I only can see a blank page here. So I did several things, but nothing works. </p>
  
  <p>the error is: </p>
  
  <p>File:main.faf9a6cd66c650ae3ae6.js -> Invalid character at column 500971</p>
  
  <p>I think this is some generated file and at column 500971 in the code there is a ` . I think this is the Problem? But i don't know how to solve this. </p>
  
  <p>there are also some warnings that it was not able to load the script runtime-es5.js</p>
  
  <p><strong>EDIT:</strong> </p>
  
  <p>----</p>
  
  <p>If I use es2015, it seems to be working on IE, but not with Safari. And the other way around, if I try es5, it works with safari. But not with IE.
  I may have to say that there is login site with a redirection after the login. Here you get a cookie, which is not forwarded I think. the Error is:</p>
  
  <p>Failed to load resource: Cross-origin redirection</p>
  
  <p>denied by Cross-Origin Resource Sharing policy: Origin</p>
  
  <p>----</p>
  
  <p>polyfills.ts</p>
  
  <pre><code> import 'core-js'
   import 'classlist.js';  // Run `npm install --save classlist.js`.
   import 'web-animations-js';  // Run `npm install --save web-animations-js`.
   import './zone-flags.ts';
   import 'zone.js/dist/zone';  // Included with Angular CLI.
  </code></pre>
  
  <p>zone-flags.js:</p>
  
  <pre><code>(window as any).__Zone_disable_IE_check = true;
  (window as any).__Zone_enable_cross_context_check = true;
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;xyz&lt;/title&gt;
    &lt;script src="runtime-es5.js" nomodule defer&gt;&lt;/script&gt;
    &lt;base href="/"&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
    &lt;link rel="icon" type="image/x-icon" href="assets/favicon.png"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;app-root stage="{{.Stage}}" username="{{.Username}}"&gt;&lt;/app-root&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>browserlist</p>
  
  <pre><code>&gt; 0.5%
  last 2 versions
  Firefox ESR
  not dead
  IE 9-11 # For IE 9-11 support, remove 'not'.
  </code></pre>
  
  <p>tsconfig.json</p>
  
  <pre><code>{
    "compileOnSave": false,
    "compilerOptions": {
      "baseUrl": "./",
      "outDir": "./dist/out-tsc",
      "sourceMap": true,
      "declaration": false,
      "downlevelIteration": true,
      "experimentalDecorators": true,
      "module": "esnext",
      "moduleResolution": "node",
      "importHelpers": true,
      "target": "es5",
      "typeRoots": [
        "node_modules/@types"
      ],
      "lib": [
        "es2018",
        "dom"
      ]
    },
    "angularCompilerOptions": {
      "fullTemplateTypeCheck": true,
      "strictInjectionParameters": true
    }
  }
  </code></pre>
  
  <p>angualar.json</p>
  
  <pre><code>{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "version": 1,
    "newProjectRoot": "projects",
    "projects": {
      "xyz": {
        "projectType": "application",
        "schematics": {},
        "root": "",
        "sourceRoot": "src",
        "prefix": "app",
        "architect": {
          "build": {
            "builder": "@angular-devkit/build-angular:browser",
            "options": {
              "outputPath": "dist",
              "index": "src/index.html",
              "main": "src/main.ts",
              "polyfills": "src/polyfills.ts",
              "tsConfig": "tsconfig.app.json",
              "aot": false,
              "assets": [
                "src/favicon.png",
                "src/assets"
              ],
              "styles": [
                "src/styles.css"
              ],
              "scripts": [
                "node_modules/jquery/dist/jquery.min.js",
                "node_modules/popper.js/dist/umd/popper.min.js",
                "node_modules/bootstrap/dist/js/bootstrap.min.js"
              ]
            },
            "configurations": {
              "production": {
                "fileReplacements": [
                  {
                    "replace": "src/environments/environment.ts",
                    "with": "src/environments/environment.prod.ts"
                  }
                ],
                "optimization": true,
                "outputHashing": "all",
                "sourceMap": true,
                "extractCss": true,
                "namedChunks": false,
                "aot": true,
                "extractLicenses": true,
                "vendorChunk": false,
                "buildOptimizer": true,
                "budgets": [
                  {
                    "type": "initial",
                    "maximumWarning": "2mb",
                    "maximumError": "5mb"
                  },
                  {
                    "type": "anyComponentStyle",
                    "maximumWarning": "6kb",
                    "maximumError": "10kb"
                  }
                ]
              }
            }
          },
          "serve": {
            "builder": "@angular-devkit/build-angular:dev-server",
            "options": {
              "browserTarget": "xyz:build"
            },
            "configurations": {
              "production": {
                "browserTarget": "xyz:build:production"
              }
            }
          },
          "extract-i18n": {
            "builder": "@angular-devkit/build-angular:extract-i18n",
            "options": {
              "browserTarget": "xyz:build"
            }
          },
          "test": {
            "builder": "@angular-devkit/build-angular:karma",
            "options": {
              "main": "src/test.ts",
              "polyfills": "src/polyfills.ts",
              "tsConfig": "tsconfig.spec.json",
              "karmaConfig": "karma.conf.js",
              "assets": [
                "src/favicon.ico",
                "src/assets"
              ],
              "styles": [
                "src/styles.css"
              ],
              "scripts": []
            }
          },
          "lint": {
            "builder": "@angular-devkit/build-angular:tslint",
            "options": {
              "tsConfig": [
                "tsconfig.app.json",
                "tsconfig.spec.json",
                "e2e/tsconfig.json"
              ],
              "exclude": [
                "**/node_modules/**"
              ]
            }
          },
          "e2e": {
            "builder": "@angular-devkit/build-angular:protractor",
            "options": {
              "protractorConfig": "e2e/protractor.conf.js",
              "devServerTarget": "xyz:serve"
            },
            "configurations": {
              "production": {
                "devServerTarget": "xyz:serve:production"
              }
            }
          }
        }
      }},
    "defaultProject": "xyz"
  }
  </code></pre>