在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",
}
相关推荐
门思科技几秒前
ThinkLink 触发模型与告警规则实战:数据一小时才来一次,告警怎么做到不迟到、不刷屏、找对人
前端·后端
weixin_BYSJ19872 分钟前
【计算机毕设】房屋租赁系统02647
java·vue.js·spring boot·python·django·课程设计
hunter_07615 分钟前
从零读懂 SwiftUI 新拖放 API:用 Apple 的纸牌示例理解排序、多项拖拽与移动规则
前端
时间的情敌20 分钟前
Electron 设置-webkit-app-region: drag;实现拖拽后, 无法响应鼠标划过事件及点击事件的解决方式
前端·vue.js
程序猿阿森44 分钟前
深入解析 NLI:RAG 与大模型防幻觉的“最后一道防线”
前端·人工智能·算法
专业程序开发源1 小时前
springboot校企合作双选会一站式预约与面试系统16010-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·面试·php·课程设计
iCxhust2 小时前
模型:500kW飞轮 10kV输电线路 油田抽油机 同时考虑无功补偿 统计:全年节电量 结果56万度电
前端·css·css3·电力·飞轮
志尊宝2 小时前
AI原生前端开发(011):Chrome 148+内置Gemini Nano入门
前端·chrome·ai-native
Liu.7743 小时前
uniapp swiper 常见问题及修复
前端·uni-app