谷歌浏览器如何开启控制台Top_Level_Await支持_谷歌浏览器JS高级异步特性调试环境配置

Chrome控制台默认不支持顶层await，需通过启用chrome://flags/#enable-javascript-module-scripts-in-devtools-console实验标志、动态创建type="module"脚本、升级至Chrome Canary并开启相关flag，或利用dynamic import()配合Blob模块等方式实现。

如果您在谷歌浏览器控制台中尝试直接执行 await 表达式却收到 "Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules" 报错，则说明当前控制台执行环境未以模块上下文运行。以下是启用 Top-Level Await 支持的具体操作路径：

一、启用实验性功能 flag

Chrome 控制台原生不支持顶层 await，但可通过开启内部实验性标志（flag）激活模块化执行模式。该标志允许 DevTools 在评估脚本时模拟模块上下文，从而合法解析顶层 await。

1、在 Chrome 地址栏输入 chrome://flags/#enable-javascript-module-scripts-in-devtools-console 并回车。

2、在搜索框中键入 javascript module scripts，定位到对应实验项。

3、将状态从 Default 改为 Enabled。

4、点击右下角 Relaunch 重启浏览器。

二、使用内联模块 script 标签绕过限制

控制台虽不直接支持顶层 await，但可借助 HTML 模块机制间接实现：通过动态创建并注入