question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Project in Angular 5 not working in IE11

See original GitHub issue

Versions

Angular CLI: 1.6.3 Node: 6.11.3 OS: win32 x64 Angular: 5.2.0 … common, compiler, compiler-cli, core, forms, http … language-service, platform-browser, platform-browser-dynamic … router

@angular/animations: 4.4.6 @angular/cdk: 5.0.4 @angular/cli: 1.6.3 @angular/material: 5.0.4 @angular-devkit/build-optimizer: 0.0.36 @angular-devkit/core: 0.0.22 @angular-devkit/schematics: 0.0.42 @ngtools/json-schema: 1.1.0 @ngtools/webpack: 1.9.3 @schematics/angular: 0.1.11 @schematics/schematics: 0.0.11 typescript: 2.4.2 webpack-dev-server: 2.9.7 webpack: 3.10.0

Repro steps

Build application Run app in IE11

Observed behavior

when try to execute this code:

// Execute the module function
 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

with moduleId =“…/…/…/core/esm5/core.js”

an error is throw: “Unable to get property ‘call’ of undefined or null reference”

Desired behavior

the application run in IE11

Mention any other details that might be useful (optional)

I already uncomment the polyfill.ts

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:10 (1 by maintainers)

github_iconTop GitHub Comments

6reactions
thesmallbangcommented, Jul 10, 2018

@MeltdownZA I have reviewed the post by @LeoNdec and it does not reference any fix. You are recommending we not build with --prod?

3reactions
andry85maecommented, Feb 12, 2018

hi

thanks you for the suggestion. I already try this solution. this is my polyfils

`/**

  • This file includes polyfills needed by Angular and is loaded before the app.
  • You can add your own extra polyfills to this file.
  • This file is divided into 2 sections:
    1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
    1. Application imports. Files imported after ZoneJS that should be loaded before your main
  •  file.
    
  • The current setup is for so-called “evergreen” browsers; the last versions of browsers that
  • automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
  • Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
  • Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html */

/***************************************************************************************************

  • BROWSER POLYFILLS */

/** IE9, IE10 and IE11 requires all of the following polyfills. **/ 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/weak-map’; import ‘core-js/es6/set’;

/** IE10 and IE11 requires the following for NgClass support on SVG elements */ // import ‘classlist.js’; // Run npm install --save classlist.js.

/** Evergreen browsers require these. **/ import ‘core-js/es6/reflect’; import ‘core-js/es7/reflect’;

import ‘core-js/es7/array’;

/**

  • Required to support Web Animations @angular/animation.
  • Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation //**/ //import ‘web-animations-js’; // Run npm install --save web-animations-js.

/***************************************************************************************************

  • Zone JS is required by Angular itself. */ import ‘zone.js/dist/zone’; // Included with Angular CLI.

/***************************************************************************************************

  • APPLICATION IMPORTS */

/**

  • Date, currency, decimal and percent pipes.
  • Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10 / //import ‘intl’; // Run npm install --save intl. /*
  • Need to import at least one locale-data with intl. */ //import ‘intl/locale-data/jsonp/en’; `
Read more comments on GitHub >

github_iconTop Results From Across the Web

How To Fix Your Angular App When It's Not Working in IE11
There can be numerous reasons why your Angular application is not working, including: ... The polyfills.ts file, which is present in every Angular...
Read more >
Angular 2 / 4 / 5 not working in IE11 - Stack Overflow
If your app is failing in IE11 on the first page, try removing libraries one at a time and check in IE11 -...
Read more >
How to Support IE11 Users as You Move to Angular 13 - Bitovi
The Steps · 1. Find your browser's list file. · 2. Remove the word "not" from the IE 11 line. · 3. Next...
Read more >
Browser support - Angular
The Angular CLI provides support for polyfills. If you are not using the CLI to create your projects, see Polyfill instructions for non-CLI...
Read more >
Angular 5 application is not working in Internet Explorer 11
Let's be clear, IE11 isn't working with the Angular 5 application. The Angular 5 is working just fine.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found