如何解决未捕获的语法错误与“等待导入...”
当我尝试使用下面的代码动态导入 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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。