Encountering an issue in my Angular 7 application where two modules, txxxxx module and configuration module, are lazy loaded from the App Routing Module. The problem arises when attempting to navigate to the configuration module, as it throws an error stating "Loading chunk components-configuration-configuration-module failed." This error is specific to Internet Explorer, while functioning properly in Edge, Chrome, Safari, and Firefox.
Attempted solutions include:
- Incorporating necessary files into polyfills without resolving the error.
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/set';- Added the following line to index.ts but did not resolve the error:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />The App Routing Module configuration:
const routes: Routes = [{
path: '',
pathMatch: 'full',
redirectTo: 'trends'
},
{
path: 'txxxxx',
canActivate: [AuthGuardService],
loadChildren: './components/txxxxxx/txxxxx-ixxxxxx.module#Txxxxxxxxxxxxxxxxxx'
},
{
path: 'configuration',
canActivate: [AuthGuardService],
loadChildren: './components/configuration/configuration.module#ConfigurationModule'
}
];Error message displayed in Internet Explorer: