即使使用 polyfill，Angular 8 也无法在 IE11 中工作

Question

I have an angular 8 project and have included the core-js poly fills in my polyfills.ts file.

/***************************************************************************************************
 * 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';

When I load the app up in IE11, I get an error that says Object expected at tick in vendor-es5.js on line 130k

I started commenting out my code and noticed it was breaking when I used a for...of loop. If I change the loop to something like a .forEach the issue goes away. Problem is I have a ton of for...of loops throughout my code and I like the fact I can break out of the loop using a return

Any ideas? Been trying to figure this out since Friday. I'm sure I can change all my code to use forEach, but I feel like I'm missing something simple.

EDIT: Added how I am initializing the object.

mcgs = {};

constructor(private configService: ConfigService, private router: Router, private sanitizer: DomSanitizer) {}

ngOnInit() {
  this.configService.getMcgData().subscribe((response) => {
    this.mcgs = response; <-- might be an issue.
    ......

Answer 1

IE11 doesn't support for-of or anything else in ES2015+ (except for some slightly incorrect support for let and const ).

If you want your project to run in IE11, you need not to use for-of , or to transpile your code to ES5 with a tool like Babel .