在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",
}
相关推荐
Hilaku3 小时前
为什么在 2026 年,MPA(多页面应用)正在悄悄复辟?
前端·javascript·程序员
幸福小宝3 小时前
eslint和prettier
前端
anyup3 小时前
终于在今天入选了 Gitee GVP,这真值得庆祝~
前端·uni-app·开源
幸福小宝3 小时前
husky和lint-staged
前端
悟空瞎说3 小时前
iOS 高效绘图
javascript
Slice_cy3 小时前
Mint 自研框架设计与实现:从重复开发走向配置驱动(五)
前端·后端·架构
寒水馨3 小时前
Windows下载、安装 Tailwind CSS-v4.3.3(附安装包tailwindcss-windows-x64.exe)
前端·css·前端开发·tailwind css·utility-first·css 框架·独立 cli
西楼_3 小时前
一文读懂React19究竟更新了什么
前端
四眼肥鱼3 小时前
【Nextjs】macos 系统运行报错:Error: Cannot find module '../lightningcss.darwin-x64.node'
前端·架构·前端框架
hoLzwEge3 小时前
Unplugin Turbo Console:让你的 `console.log` 脱胎换骨
前端·前端框架