Неперехваченная синтаксическая ошибка при использовании синтаксиса импорта ES-6 в Chrome

Question

я впервые использую модули. Я прочитал несколько руководств и искал в Google все, но не нашел решения своей проблемы.

У меня есть эти файлы со следующим кодом:

индекс. 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';

И я получаю эту ошибку: Uncaught SyntaxError: Unexpected token '{'

Я использую живой сервер из Visual Studio, Chrome 83.

Мы будем благодарны за любые идеи!

Answer 1

Так и должно быть, и обязательно импортируйте jQuery, если вы не удалили его для краткости, потому что $(document).ready не работает

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