未捕获的语法错误与“等待导入...”

问题描述

当我尝试使用下面的代码动态导入 JS 模块时，我在 Firefox 和 Chrome 中都得到 "Uncaught SyntaxError: unexpected reserved word"，但 According to MDN 应该可以工作。

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

当我使用 .then() 而不是 await 时，一切正常。 MDN 错了吗？

解决方法

你应该在这个函数声明中写上“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

,

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

通常我希望看到类似“不能在异步函数外使用 await”这样的错误，但这里并非如此。

在异步函数中移动 await import 解决了问题：

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