在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",
}
相关推荐
向上的车轮几秒前
TypeScript 一日速通指南:数据类型全解析与转换指南
javascript·typescript
用户9714171814275 分钟前
absolute 元素的包含块(containing block)怎么找
前端·css
青山Coding8 分钟前
Cesium应用(四):全球台风气象可视化实现
前端·vue.js·cesium
kyriewen8 分钟前
响应式设计:一套代码,手机平板电脑全拿下
前端·css·html
姝然_95279 分钟前
Jetpack Compose Shape 基础使用
前端
cxxcode14 分钟前
ArrayBuffer / TypedArray / Blob / File 关系与操作指南
前端
叫我一声阿雷吧18 分钟前
【JS 实战案例】用 JS 实现页面滚动到指定位置(带动画)
javascript·页面交互·js实战案例·平滑滚动·前端零基础·锚点导航
We་ct28 分钟前
React 更新触发原理详解
开发语言·前端·javascript·react.js·面试·前端框架·react
还是大剑师兰特33 分钟前
Vue3 页面权限控制实战示例(路由守卫 + 权限判断)
开发语言·前端·javascript