在 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 SyntaxError: Unexpected token '{'

我正在使用来自 Visual Studio、Chrome 83.

的实时服务器

任何想法将不胜感激！

Answer 1

这就是应该的方式，并确保也导入 jQuery，除非您为简洁起见删除了因为 $(document).ready 不起作用

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

Uncaught syntax error when using ES-6 import syntax in Chrome