问题描述
我正在使用Angular 9,所有代码在chrome中都可以正常工作,但在IE11中却无法正常工作,我在任何正则表达式中都没有用,而我主要是在使用back tic。
Polyfills-es5.js中出现以下错误,与页面加载时一样:
错误错误:未捕获(承诺):语法错误:字符集范围无效
单击任何延迟加载的路由按钮后,都会出现以下错误
错误错误:未捕获(承诺):TypeError:无法获取属性'ofmod' 未定义或空引用 TypeError:无法获取未定义或空引用的属性“ɵmod”
Routes.ts:
const routes: Routes = [
{
path: 'home',canActivate: [AuthGuard],children: [
{
path: '',//loadChildren: () => DashboardModule,loadChildren: () => import('./dashboard/dashboard.module').then(m => m.DashboardModule),},{
path: 'create',canActivateChild: [AuthGuard],//loadChildren: () => HomeModule,loadChildren: () => import('./home/home.module').then(m => m.HomeModule),{
path: 'inquiry',//loadChildren: () => InquiryModule,loadChildren: () => import('./inquiry/inquiry.module').then(m => m.InquiryModule),{
path: 'noaccess',component: NoAccessComponent
},]
},{
path: 'login',component: LoginComponent
},{
path: '**',redirectTo: 'home/dashboard'
}
];
我不确定我犯了什么错误。
Polyfills.ts:
import 'core-js/es/symbol';
import 'core-js/es/object';
import 'core-js/es/function';
import 'core-js/es/parse-int';
import 'core-js/es/parse-float';
import 'core-js/es/number';
import 'core-js/es/math';
import 'core-js/es/string';
import 'core-js/es/date';
import 'core-js/es/array';
import 'core-js/es/regexp';
import 'core-js/es/map';
import 'core-js/es/weak-map';
import 'core-js/es/set';
import 'core-js/modules/es.array.includes'
import 'core-js'
import 'classlist.js'; // Run `npm install --save classlist.js`.
import 'core-js/es/reflect';
import 'web-animations-js';
import 'zone.js/dist/zone';
tsconfig.ts:
{
"compileOnSave": false,"compilerOptions": {
"baseUrl": "./","outDir": "./dist/out-tsc","sourceMap": true,"declaration": false,"downlevelIteration": true,"experimentalDecorators": true,"module": "esnext","moduleResolution": "node","importHelpers": true,// "target": "es2015","target": "es5","typeRoots": ["node_modules/@types"],"lib": ["es2018","dom"],"paths": {
"@app/*": ["src/app/*"],"@environments/*": ["src/environments/*"],// "@assets/images/*": ["src/assets/images*"]
}
},"angularCompilerOptions": {
"fullTemplateTypeCheck": true,"strictInjectionParameters": true
}
}
angular.json:
{
"projects": {
"my-app": {
"architect": {
"build": {
"configurations": {
"es5" : {
"tsConfig": "tsconfig.app.es5.json"
}
}
},"serve": {
"configurations": {
"es5": {
"browserTarget": "my-app:build:es5"
}}}}}}}
浏览器列表:
> 0.5%
last 2 versions
Firefox ESR
not dead
IE 9-11 # For IE 9-11 support,remove 'not'.
tsconfig.app.es5.json:
{
"extends": "./tsconfig.app.json","compilerOptions": {
"target": "es5"
}
}
我已经尝试过:
ng serve --configuration es5
npm run build
npm run startES5
错误屏幕截图:
在IE11中页面加载空白
IE11控制台日志错误
情绪错误
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)