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

Question

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

我有以下代码的这些文件：

index.html

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

fight.js

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

queue.js

export let test = 'queue file has loaded';

我得到了这个错误: Uncaught :意外令牌{

我正在使用的实时服务器，Chrome 83。

任何想法都将不胜感激！

Answer 1

这是应该的，并确保导入jQuery，除非您为了简洁而删除$(document).ready，因为$(document).ready不能工作。

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