为什么我在 IE11 中收到“SCRIPT5021：字符集中的无效范围”和黑屏？

Question

我正在使用 Angular 9，所有代码在 chrome 中都可以正常工作，但在 IE11 中却不行，我没有使用任何正则表达式，而且大多数情况下我都在使用 back tics。

\n

页面加载时 Polyfills-es5.js 中出现以下错误：

\n

\n

错误错误：未捕获（承诺中）：语法错误：字符集中的范围无效

\n

\n

单击任何延迟加载的路由按钮后出现以下错误

\n

\n

错误错误：未捕获（承诺中）：TypeError：无法获取未定义或空引用的属性\'\xc9\xb5mod\'\nTypeError：无法获取未定义或空引用的属性\'\xc9\xb5mod\'

\n

\n

路线.ts：

\n

const routes: Routes = [\n  {\n    path: \'home\',\n    canActivate: [AuthGuard],\n\n    children: [\n      {\n        path: \'\',\n        //loadChildren: () => DashboardModule,\n        loadChildren: () => import(\'./dashboard/dashboard.module\').then(m => m.DashboardModule),\n      },\n      {\n        path: \'create\',\n        canActivateChild: [AuthGuard],\n        //loadChildren: () => HomeModule,\n        loadChildren: () => import(\'./home/home.module\').then(m => m.HomeModule),\n      },\n      {\n        path: \'inquiry\',\n        canActivateChild: [AuthGuard],\n        //loadChildren: () => InquiryModule,\n        loadChildren: () => import(\'./inquiry/inquiry.module\').then(m => m.InquiryModule),\n      },\n      {\n        path: \'noaccess\',\n        component: NoAccessComponent\n      },\n    ]\n  },\n  {\n    path: \'login\',\n    component: LoginComponent\n  },\n\n  {\n    path: \'**\', redirectTo: \'home/dashboard\'\n  }\n];\n

\n

我不确定我犯了什么错误。

\n

Polyfills.ts：

\n

import \'core-js/es/symbol\';\nimport \'core-js/es/object\';\nimport \'core-js/es/function\';\nimport \'core-js/es/parse-int\';\nimport \'core-js/es/parse-float\';\nimport \'core-js/es/number\';\nimport \'core-js/es/math\';\nimport \'core-js/es/string\';\nimport \'core-js/es/date\';\nimport \'core-js/es/array\';\nimport \'core-js/es/regexp\';\nimport \'core-js/es/map\';\nimport \'core-js/es/weak-map\';\nimport \'core-js/es/set\';\nimport \'core-js/modules/es.array.includes\'\n\nimport \'core-js\'\nimport \'classlist.js\';  // Run `npm install --save classlist.js`.\nimport \'core-js/es/reflect\';\nimport \'web-animations-js\';\nimport \'zone.js/dist/zone\';\n

\n

tsconfig.ts：

\n

{\n  "compileOnSave": false,\n  "compilerOptions": {\n    "baseUrl": "./",\n    "outDir": "./dist/out-tsc",\n    "sourceMap": true,\n    "declaration": false,\n    "downlevelIteration": true,\n    "experimentalDecorators": true,\n    "module": "esnext",\n    "moduleResolution": "node",\n    "importHelpers": true,\n   // "target": "es2015",\n    "target": "es5",\n    "typeRoots": ["node_modules/@types"],\n    "lib": ["es2018", "dom"],\n    "paths": {\n      "@app/*": ["src/app/*"],\n      "@environments/*": ["src/environments/*"],\n      // "@assets/images/*": ["src/assets/images*"]\n    }\n  },\n  "angularCompilerOptions": {\n    "fullTemplateTypeCheck": true,\n    "strictInjectionParameters": true\n  }\n}\n

\n

角度.json：

\n

{\n  "projects": {\n    "my-app": {\n      "architect": {\n        "build": {\n          "configurations": {\n            "es5" : {\n              "tsConfig": "tsconfig.app.es5.json"\n            }\n          }\n        },\n        "serve": {\n          "configurations": {\n            "es5": {\n              "browserTarget": "my-app:build:es5"\n}}}}}}}\n

\n

浏览器列表：

\n

> 0.5%\nlast 2 versions\nFirefox ESR\nnot dead\nIE 9-11 # For IE 9-11 support, remove \'not\'.\n

\n

tsconfig.app.es5.json：

\n

{\n    "extends": "./tsconfig.app.json",\n    "compilerOptions": {\n        "target": "es5"\n    }\n}\n

\n

我已经尝试过：

\n

ng serve --configuration es5\nnpm run build\nnpm run startES5\n

\n

错误截图：

\n

IE11 页面加载时空白

\n

\n

IE11 控制台日志错误

\n

\n

表情错误

\n

\n