在 vue3 vite 项目中构建 vite 时出错

Posted

技术标签:

【中文标题】在 vue3 vite 项目中构建 vite 时出错【英文标题】:getting error on vite build in vue3 vite project 【发布时间】:2021-06-05 12:07:20 【问题描述】:

我已经用 vite 准备了我的 vue3 项目。在 localhost 中,如果我运行 npm run dev 它工作正常并运行网站文件。如果我运行 npm run build 则它不起作用。我已将错误消息附加为图像。请检查

TIA

【问题讨论】:

【参考方案1】:

在我的项目中使用的一些 npm 包中,一些特性是从最新的 EcmaScript 中添加的。像异步生成器函数、for-await 等。Vite 使用 esbuild 库来捆绑 javascript。如果我们不设置目标,esbuild 的转换将无法正常工作。要解决这个问题需要在构建命令(package.json)中设置一个目标

vite build --target=es2020

【讨论】:

以上是关于在 vue3 vite 项目中构建 vite 时出错的主要内容,如果未能解决你的问题,请参考以下文章

构建一个 Vite + Vue3 项目 开发Cesium

vue3.0入门:vite构建vue项目

vue3.0入门:vite构建vue项目

vue3中vite的配置

vue3.0 使用vite构建V3版本项目

vue3.x项目用vite构建之后提示“vite use `--host` to expose”问题