在 Chrome 中使用 ES-6 导入语法时出现未捕获的语法错误

Question

这是我第一次使用模块。我已经阅读了一些教程并在谷歌上搜索了一下，但没有找到解决问题的方法。

我有这些文件，其中包含以下代码：

索引.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);
});