最终解决方案：（不在局限于版本）

上面的压缩包只支持0.14.39版，我研究了下参考官方这篇文章：

https://esbuild.github.io/getting-started/#download-a-build
可以在任何地方，运行：

```bash

curl -O https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.42.tgz
tar xf ./esbuild-darwin-64-0.14.42.tgz

```
解压后得到package
将package改名为"esbuild-darwin-64"
将"esbuild-darwin-64"文件夹copy到项目的"node_modules"中再次运行即可。

esbuild-darwin-arm64问题参考：
https://ask.dcloud.net.cn/question/145281

这里已经有最终解决方案

HBuilderX 3.7.12 已修复

感谢反馈。你反馈的第一个问题是组件 ref 名称，如果携带 - 短横线符号，在 vue3 的微信和支付宝运行结果不同，微信是对的。 后续补充支付宝小程序 ref 也打印不出来。

经过验证，正常定义不带短横线的 ref 不会产生问题。

uniapp 不能保证非官方鼓励的写法一一做兼容，我让相关同事看一下。

ref 引用模版携带短横线，这种写法并不值得推荐，官方文档要求这样使用

```
<SubComp ref="subComp"></SubComp>
const subComp = ref();
const tapSayHi = () => {
subComp.value?.sayHi();
};
```

vue3 的 ref 定义子组件的引用，官方在文档中鼓励使用通过 `ref()` 进行定义，定义变量时候携带短横线会产生误会，变量和引用不一致。你提到通过 getCurrentInstance 访问内部 refs，这个是不鼓励的，为了保证项目健壮和可维护性，应当逐步放弃这种写法。


官方文档 https://cn.vuejs.org/guide/essentials/template-refs.html#template-refs
为什么不鼓励使用 getCurrentInstance https://github.com/vuejs/docs/issues/1422#issuecomment-1032120675

感谢反馈，我使用你提供的代码，未能复现。

demo 地址，你可以下载运行，验证结果：
https://gitcode.net/xiurensha5731/uni-app-questions/-/tree/q/vite-config

你提供的代码少一个右括号，打印的信息在控制台：

```text
欢迎将web站点部署到uniCloud前端网页托管平台，高速、免费、安全、省心，详见：https://uniapp.dcloud.io/uniCloud/hosting
有打印
15:47:08 [vite] server restarted.
/api/get-json.json
15:48:22 [vite] hmr update /src/pages/index/index.vue, /src/pages/index/index.vue?vue&type=style&index=0&scoped=83a5a03c&lang.css
/api/get-json.json
```

如有问题请和我沟通

报错已经很明显了，你的vue3语法写错了,你使用的是语法糖写法，需要在script 后面加上setup,或者像下面这样
```
<script>
import {onLoad} from '@dcloudio/uni-app';
export default {
setup() {
onLoad(() => {
console.log("app")
})
}
}
</script>
```