I would like to have a ponyfill version of this so I can do:

import { import } from "import-ponyfill";

import("./foo/bar").then((m) => m.foo());

If import() has native support like in Chrome 63 then this ponyfill does nothing but proxy to that function. Otherwise it uses the code in this repo.

I think this would be similar to how the fetch-ponyfill works but for modules.

Would it be possible to do something like this?

The live test at https://webreflection.github.io/import.js/ does not work in IE11. Is it supposed to?

The console produces the error message: 'Promise' is undefined import.js (58,7)

Babel wont let me transpile the code..

repl: 'import' and 'export' may only appear at the top level (4:4)

  2 | 
  3 | export default function () {
> 4 |     import('../test.js').then(function () {
    |     ^

Thanks for the great library.

To test locally, I found errors in firefox: XML Parsing Error(s)

to resolve the error:

add 1 line:

xhr.overrideMimeType("text/plain");

to

https://github.com/WebReflection/import.js/blob/master/import.js

      var xhr = new XMLHttpRequest();
      xhr.overrideMimeType("text/plain");
      xhr.open('GET', path);
      xhr.onerror = reject;
      xhr.onload = function () {//.............

Web workers don't have XHR or DOM

1. Would it be possible to replace XHR with fetch instead?
2. Could you change createElement('script') with either eval or constructing a new Function?

My end goal would be to have it in service worker and use async import
doe it's somewhat restricted and i guess it wasn't meant to support async import at first, I mean importScript stops working after it have been installed.
it's only possible to use it durning the installation face, so i would have to use either eval or a Function constructor if i want to add dynamic code.