unocss 的浏览器兼容: Unexpected reserved word

一、背景 （遇到的问题）

chrome87（含）版本以下会遇到这个问题

unocss Uncaught SyntaxError: Unexpected reserved word

二、原因

chrome87版本以前不支持TopLevelAwait

三、解决方案

unocss 的配置中增加如下配置

UnoCSS({
  hmrTopLevelAwait: false,
}),

四、参考资料

https://github.com/unocss/unocss/pull/2066 (opens new window)

#vite.config.ts;
plugins: [
  Vue(),
  UnoCSS({
    hmrTopLevelAwait: false,
  }),
];