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

Question

当我尝试使用下面的代码动态导入 JS 模块时，我在 Firefox 和 Chrome 中都得到了 "Uncaught SyntaxError: unexpected reserved word"，但是 According to 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 解决了问题：

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

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

Uncaught SyntaxError with "await import(...)"

javascript

module

ecmascript-2016