在 Chrome 中使用 ES-6 導入語法時出現未捕獲的語法錯誤

Question

這是我第一次使用模塊。 我已經閱讀了一些教程並搜索了所有內容，但沒有找到解決我的問題的方法。

我有這些文件，代碼如下：

index.html

<script type="module" src="~/js/fight.js"></script>
<script type="module" src="~/js/queue.js"></script>

戰斗.js

$(document).ready(() => {
    import { test } from './queue.js';
    console.log(test);
})

隊列.js

export let test = 'queue file has loaded';

我得到這個錯誤：未捕獲的語法錯誤：意外的令牌'{'

我正在使用來自 Visual Studio、Chrome 83 的實時服務器。

任何想法將不勝感激！

Answer 1

這就是它應該的樣子，並確保也導入 jQuery 除非你為了簡潔而刪除因為$(document).ready不會工作

import { test } from "./queue.js";
$(document).ready(() => {
  console.log(test);
});