在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",
}
相关推荐
kovli7 分钟前
红宝书第十一讲:超易懂版「ES6类与继承」零基础教程:用现实例子+图解实现
前端·javascript
eason_fan8 分钟前
解决nvm安装指定版本node失败的方法
前端·node.js
bst@微胖子9 分钟前
Flutter项目之设置页
android·javascript·flutter
作业逆流成河11 分钟前
🔥🔥🔥 enum-plus:前端福利!介绍一个天花板级的前端枚举库
前端
尘寰ya19 分钟前
如何实现一个“纯净”的空对象(无原型链属性)?
javascript·面试·原型模式
DXM052120 分钟前
牟乃夏《ArcGIS Engine地理信息系统开发教程》学习笔记2
开发语言·javascript·笔记·学习·arcgis·ae
D哈迪斯26 分钟前
vue动态组件实现动态表单的方法
前端·javascript·vue.js
KeyNG_Jykxg26 分钟前
🎨Element Plus X 上新! 组件升级🥳
前端·javascript·vue.js
Monly2132 分钟前
Uniapp:列表选择提示框
开发语言·javascript·uni-app
火星思想37 分钟前
React为何选择宏任务而非微任务进行任务调度?
前端