vue3+vite - 打包构建报错Top-level await is not available in the configured target environment (“chrome87“,

最新推荐文章于 2024-06-13 16:54:55 发布
最新推荐文章于 2024-06-13 16:54:55 发布
阅读量2.5k 收藏 3
点赞数 3
分类专栏： 前端常见问题解决 文章标签： vue3 vite run build 打包报错 打包构建发布出错 Top-level await vite打包报错详细解决 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/139023077
版权

问题说明

在vue3 vite项目开发中，执行build打包命令后，出现报错：ERROR: Top-level await is not available in the configured target environment (“chrome87”, “edge88”, “es2020”, “firefox78”, “safari13” + 2 overrides)，vite+vue3打包编译构建时出错，无法打包成功。

其他教程都无法解决，本文提供的解决方案完美搞定此问题。

在这里插入图片描述

解决教程

这个问题，由于

了解本专栏 订阅专栏 解锁全文
街尾杂货店&
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
订阅专栏
Top-level await is not available in the configured target environment
天问博客-专注于大前端技术
01-29 3194
当在使用 Vite 进行项目构建时，可能会遇到如下错误提示：ERROR: Top-level await is not available in the configured target environment。
Big integer literals are not available in the configured target environment (“chrome87“, “edge88“, “
weixin_41012767的博客
12-25 1057
解决办法在vite.config.js加上。
vite + vue3 接入 babel 的两种方式
分享我的编程经验和学习心得
06-25 5165
【代码】vite + vue3 接入 babel 的两种方式。
在Vue中使用顶级await，打包出现报错的解决方案
qq_49334382的博客
12-13 312
原文链接：https://blog.csdn.net/weixin_65478269/article/details/129879368。版权声明：本文为CSDN博主「崔嘉铭」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。解决方案 ：在vite.config.js中添加以下代码。主要代码 打包错误在 build { }里面添加。
vue3+TypeScript+vite项目运行正常，打包错误问题
Blue__Summer的博客
10-11 1773
我从src开始替换,打包成功,确实是src的界面编译的问题,犹豫尝试了很久,痛定思痛,一步步替换文件了,还好src/view中的文件夹我挨个替换之后,发现了替换其中一个文件打包之后出现了 unexpected token问题,打开文件夹里的界面进行对比,发现。1.查到是多语言文件这里出了问题,看的出来,这样的多语言翻译值确实有点复杂,引号较多为了优先解决打包问题,只能先注释掉这里了,修改之后又可了,接着替换,结果慢慢好转了,其中一个文件夹替换打包之后会提示具体某段代码问题了。
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
Vue3+Vite4+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）
05-03
Vue3+Vite4+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）；精简版是基于 vue-pure-admin 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 element-plus 的情况下仍然低于...
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss
08-05
vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss ...
全栈-Vite3+Vue3+TS+Ant-design-vue3整合
11-07
全栈开发实战技术分享 前端:Vite3+Vue3+TS+Ant-design-vue3 后端:SpringBoot+MybatisPlus+Mysql
vite运行或打包时报错：Big integer literals are not available in the configured target environment (“chrome87“
qq_68155756的博客
07-11 3504
意思是编译无法在进行编译("chrome87", "edge88", "es2019", "firefox78","safari13.1") 我的解决办法是升级一下vite版本就不报错了，原来是vite2x版本，升到了vite4x 可以参考一下我的依赖：
vue3.0+vite+ts build打包报错问题汇总
Cocoon_Xu的博客
02-29 2663
一、打包报错问题：Did you mean to enable "allowJs" option?解决方法：tsconfig.json文件中，“compilerOptions”配置"allowJs": true||===================================================================||二、打包报错问题：Property ‘ ‘ does not exist on type ‘never‘解决方法：将 package.json 文件中的 "bu
VUE3打包build 报错
mocoll的博客
04-22 1232
解决方法打开package.json包将下面部分修改然后打包。
快速理解 Node.js 版本差异：3 分钟指南
Xiaohong0716的博客
06-05 429
随着技术的发展，Node.js 不断推出新版本，引入新特性和改进。LTS 版本和 Current 版本：Node.js 分为长期支持（LTS）版本和当前（Current）版本。在实际开发过程中，请根据自己的需求和项目特点，选择合适的 Node.js 版本。版本命名：Node.js 的版本命名遵循年份和月份的格式，例如 “v12.14.0”。新特性：每个新版本都会引入一些新特性，例如新增的 API、改进的模块系统等。兼容性：新版本可能不与旧版本完全兼容，因此在升级之前，需要检查应用程序是否受到新版本的影响。
使用Node.js+Express开发简单接口
最新发布
小破孩的博客
06-13 231
使用Node.js+Express开发简单接口
编写一个 Node.js 脚本，自动化地将组件库 components 文件夹中的组件在根目录的index.ts文件中导出
qq_45532769的博客
06-13 412
编写一个 Node.js 脚本，自动化地将组件库components文件夹中的组件按以下格式在根目录的index.ts最后，除了fs-extra给大家分享一些常用的第三方 Node.js 包，大家可以去实践一下，写各种各样的用于前端工程中自动化操作的 Node.js 脚本。yargs: 用于解析命令行参数。它提供了简单易用的 API，可以帮助您定义和解析命令行参数，支持选项、标志和参数的定义和解析。chalk：用于给命令行输出添加颜色，可以让输出更具有可读性和吸引力。cli-table。
JavaScript 在浏览器和 Node.js 里的运行流程
narukeu的博客
06-12 309
当所有回调函数执行完毕，没有更多事件等待处理，且没有其他 JavaScript 代码正在执行时，Node.js 进程结束。：浏览器首先加载 HTML 文档，并开始解析构建 DOM 树。这一步骤包括下载并解析所有的 HTML 标记。标签时，解析过程会暂停并开始加载和执行 JavaScript 文件。如果是外部脚本（通过。属性链接），则需等待下载完成后再执行；如果是内联脚本，则立即执行。：启动 Node.js 进程时，首先加载环境和模块（如。的模块系统），以及用户的主脚本。
vue3+cli+vue-pdf 使用报错Uncaught (in promise) TypeError: h is not a function
06-08
`h` 函数是 Vue 3 中用于创建虚拟节点的函数。 你可以尝试在组件的 `script` 标签中添加以下代码： ```javascript import { h } from 'vue' export default { // ... render() { return h('vue-pdf', { // .....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

街尾杂货店&

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值