dynamic imports IE10 (preset-env core-js@3)

Bug Report

Current Behavior Dynamic imports are not working in IE10. The following error is shown in the console: “Unhandled promise rejectionTypeError: Target is not iterable”. @babel/preset-env is used with core-js@3. .browserslistrc contains ie <= 10.

Input Code https://github.com/jorenvanhee/dynamic-imports-with-preset-env-test

Run npm i && npm run build and visit /index.html in IE10.

import('./answer').then((module) => {
  console.log(module.default);
});

Expected behavior/code 42 should be logged in the console.

Babel Configuration (.babelrc, package.json, cli command)

https://github.com/jorenvanhee/dynamic-imports-with-preset-env-test

Environment

• Babel version(s): 7.4.3
• Node/npm version: Node 10.15.1/npm 6.5
• How you are using Babel: loader

Additional context/Screenshots

[chenjiahan]

Wrote a small plugin to add array.iterator polyfill automatically:

Repo: babel-plugin-dynamic-import-polyfill.

Example

In

import('./foo');

Out

import "core-js/modules/es.object.to-string";
import "core-js/modules/es.promise";
import "core-js/modules/es.array.iterator"; // <- Added by plugin

import('./foo');

Installation

npm install --save-dev babel-plugin-dynamic-import-polyfill

Usage

.babelrc

{
  "plugins": ["babel-plugin-dynamic-import-polyfill"]
}

[sarod]

@jorenvanhee adding an entry with ‘core-js/modules/es.array.iterator’ in your webpack config should workaround the issue:

entry: [
        'core-js/modules/es.array.iterator',        
        path.join(__dirname, 'src', 'index.js')
    ],