JavaScript：絕對 URL 作為導入中的 es-module 地址

Question

是否可以在瀏覽器中使用絕對 URL 進行 es6-modules import ？

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用於 webpack/rollup
• https://github.com/denoland/deno.git用於 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-module 導入：

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

站點example.com必須啟用 CORS（例如 apache 配置）：

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