在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",
}
相关推荐
几秒前
Vue 3 组件封装与使用:保姆级教程
前端
星辰4 分钟前
深入浅出 Android AOA 协议:通信流程与设备切换附着机制解析
前端
恋猫de小郭22 分钟前
Amper 正式转正 Kotlin Toolchain ,Gradle 未来何去何从
android·前端·flutter
敲代码的彭于晏30 分钟前
Bean 生命周期完全图解:前端同学也能看懂的 Spring 核心机制
java·前端·后端
IT_陈寒36 分钟前
Redis内存飙升的锅,原来是我没搞懂这个过期策略
前端·人工智能·后端
云浪43 分钟前
前端二进制数组完全指南:ArrayBuffer、TypedArray、DataView 一次讲透
前端·javascript
张风捷特烈1 小时前
Flutter 类库大揭秘#02 | path_provider 各平台实现
前端·flutter
铁皮饭盒1 小时前
26年bunjs, elysia+pg一把梭, redis都省了
前端·javascript·后端
lichenyang45314 小时前
Docker 学习笔记(一):为什么需要镜像、容器和仓库?
前端