JavaScript: absolute URL as es-module address in imports

Question

Is it possible to use absolute URLs for es6-modules import in browsers?

import something from 'https://example.com/js/lib/es6_module.mjs';

As I know, it is impossible for nodejs. I have the following error in this case:

Uncaught Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported by the default ESM loader. Received protocol 'https:'

Answer 1

you can use these

• https://github.com/egoist/import-http.git for webpack/rollup
• https://github.com/denoland/deno.git for js/ts runtime

Answer 2

Yes, it is possible. I've check it for browsers Chrome (94), Firefox (v93), Opera (v79).

This is HTML import:

<script type="module">
    import fn from 'https://example.com/module.mjs';
    fn();
</script>

This is es-module import:

import fn from 'https://exmaple.com/module.mjs';
fn();

Site example.com must have CORS enabled (apache config for example):

Header add Access-Control-Allow-Origin "*"