未捕获的语法错误与"await import(...)"

Question

当我尝试使用下面的代码动态导入JS模块时，我得到"Uncaught SyntaxError: unexpected reserved word", Firefox和Chrome，但根据MDN它应该工作。

let module = await import('/modules/my-module.js');

当我使用.then()而不是await时，一切都很好。MDN错了吗?

Answer 1

你应该写" async"在这个函数声明

const my_func = async (arg1,arg2) => {
let module = await import('/modules/my-module.js');
}

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function

Answer 2

通过尝试在模块的顶层使用await，我能够重现此错误。

通常情况下，我希望看到这样的错误:"不能在异步函数之外使用await";但这里的情况并非如此。

将await import移到async函数中解决了这个问题:

<script type="module">
(async function () {
let module = await import('/modules/my-module.js');
console.log(module);
})();
</script>