在Vue中使用顶级await,打包出现报错的解决方案

报错信息

error during build:

Error: Transform failed with 1 error: assets/alarmStrategy-!{00m}.js:315:12: ERROR: Top-level await is not

available in the configured target environment ("chrome87",

"edge88", "es2020", "firefox78", "safari14" + 2 overrides)

解决方案 :在vite.config.js中添加以下代码

js 复制代码
export default defineConfig({
  plugins: [vue()],
  build:{
    target:['edge90','chrome90','firefox90','safari15']
  }
}

主要代码 打包错误在 build { }里面添加

js 复制代码
target: ['edge90', 'chrome90', 'firefox90', 'safari15'],
js 复制代码
// 或者
build: {
    target: "es2019",
}
// 或者
build: {
    target: "esnext",
}
相关推荐
皮皮大人17 小时前
agent设计系统-大模型意图识别
前端·人工智能
三维搬砖者17 小时前
挑战AI辅助从零构建3D模型编辑器:01基于Vue3 + Three.js的现代化架构设计
前端·vue.js·github
GinoWi17 小时前
Python 集合
前端·python
时光足迹17 小时前
Tiptap之标注组件
前端·javascript·react.js
时光足迹17 小时前
Tiptap 之自定义脚注组件
前端·javascript·react.js
时光足迹17 小时前
Tiptap之造字组件
前端·javascript·react.js
小四的小六17 小时前
WebView 兼容性踩坑实录:那些让我加班的坑
javascript·webview
jump_jump17 小时前
用官方模板理解 Decky 插件:一次从模板到架构的速览
javascript·python·游戏
张元清17 小时前
React 表单处理:防抖校验、自动保存草稿与受控输入
前端·javascript·面试
Lee川17 小时前
React 首页秒开优化:用 KeepAlive 实现丝滑的页面缓存
前端·react.js