JavaScript: imports中es-模块地址的绝对URL

Question

是否可以在浏览器中对ES6-模块import使用绝对URL？

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

据我所知，对nodejs来说是不可能的。在本例中，我有以下错误：

未登录错误ERR_UNSUPPORTED_ESM_URL_SCHEME:默认的ESM加载程序只支持文件和数据URL。接收协议'https:'

Answer 1

你可以用这些

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

Answer 2

是的，这是可能的。我已经检查过浏览器Chrome (94)、Firefox (v93)、Opera (v79)。

这是HTML导入：

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

这是es-模块导入：

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

站点example.com必须启用CORS (例如apache)：

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