在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",
}
相关推荐
前端不太难10 分钟前
RN 调试效率低,一点小改动就需要重新构建?解决手册(实战 / 脚本 / Demo)
前端·react native·重构
是谁眉眼12 分钟前
vue环境变量
前端·javascript·vue.js
3秒一个大13 分钟前
JSX 基本语法与 React 组件化思想
前端·react.js
鹏北海-RemHusband13 分钟前
Vue 组件解耦实践:用回调函数模式替代枚举类型传递
前端·javascript·vue.js
用户66006766853914 分钟前
斐波那契数列:从递归到缓存优化的极致拆解
前端·javascript·算法
NuLL15 分钟前
异步并行任务执行工具
javascript
海上彼尚17 分钟前
vite+vue3 ssg预渲染方案
前端·javascript·vue.js
初辰ge20 分钟前
做后台系统别再只会单体架构了,微前端才是更优解
前端·架构
NuLL22 分钟前
异步互斥锁
javascript
风止何安啊23 分钟前
React 入门秘籍:像搭积木一样写网页,JSX 让开发爽到飞起!
前端·react.js·前端框架