使用 importmap 使用 jquery 會出現錯誤“請求的模塊 'jquery' 不提供名為 'default' 的導出”

Question

賞金將在 5 天后到期。 此問題的答案有資格獲得+50聲望賞金。 Neil D想引起對這個問題的更多關注。

我編寫了一個對 JQuery 具有對等依賴的模塊。

我正在嘗試從香草 JS 應用程序訪問它，但收到以下錯誤：

未捕獲的語法錯誤：請求的模塊“jquery”未提供名為“default”的導出

組件中的第一行（它已經通過匯總）是：

import e from 'jquery'

我在香草 JS 中有一個導入映射，我從以下位置調用它：

<script type="importmap">

       {
       "imports": {
           "jquery":"https://code.jquery.com/jquery-3.6.0.min.js"
       }
       }
   </script>

然后我包含一個模塊：

<script type="module" src="/js/shim.js"></script>

其中 shim.js 包含：

import { setSubscriptionLevel, setAjaxUrl, initializeCarousels } from './carousel.js'

這失敗了。

事實上，以下在 shim.js 中也失敗了：

import e from 'jquery'

盡管以下兩項均成功：

import * as $ from 'jquery';
import e from 'https://code.jquery.com/jquery-3.6.0.min.js';

有任何想法嗎？

謝謝！

Answer 1

jQuery 並不意味着作為 ESM 導入。

這就是為什么，即使以下工作：

<script type="importmap">
    {
        "imports": {
            "jquery": "https://code.jquery.com/jquery-3.6.0.min.js"
        }
    }
</script>
<script type="module">
    import 'jquery';
    console.log($);
    console.log(jQuery);
</script>