JavaScript：在导入中作为 es-module 地址的绝对 URL

【问题标题】：JavaScript: absolute URL as es-module address in importsJavaScript：在导入中作为 es-module 地址的绝对 URL
【发布时间】：2021-12-01 15:04:00
【问题描述】：

是否可以在浏览器中为 es6-modules import 使用绝对 URL？

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

据我所知，nodejs 是不可能的。在这种情况下，我有以下错误：

未捕获的错误 [ERR_UNSUPPORTED_ESM_URL_SCHEME]：默认 ESM 加载程序仅支持文件和数据 URL。收到协议'https:'

【问题讨论】：

【解决方案1】：

你可以使用这些

【讨论】：

【解决方案2】：

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

这是 HTML 导入：

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

这是 es-module 导入：

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

站点 example.com 必须启用 CORS（例如 apache 配置）：

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

【讨论】：