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

上面的压缩包只支持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

HBuilderX 4.31.2024102414-alpha 已修复。

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

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>
```

感谢反馈，已确认 bug 并为你加分。

你提到 vue3 的 pages.json 中包含小数点会报错。

## 技术分析

经过我测试的确忽略一些边缘特殊字符串的兼容，导致转 js 变量时候不合法。
现已做了兼容，下次发版生效。

## 临时解决方案

如果你使用 hbuilderx ，请找到安装目录，mac 系统在访达中选择展示包内容 `Contents/HBuilderX/plugins/uniapp-cli-vite`
如果你是 cli 找到对应的 `node_modules`

依次找到下面的文件，进行替换。

找到 `/node_modules/@dcloudio/uni-cli-shared/dist/utils.js`

替换成下面文件。

你好，使用 npx @dcloudio/uvm@latest alpha 更新到最新版本

组件中增加

```javascript
<script lang="ts" setup>
defineOptions({
options: {
styleIsolation: "shared",
},
});
</script>
```

然后在 :deep() 中使用 !important 覆盖样式，可以在微信开发者工具中查看覆盖样式是否出现

在wot-ui组件样式中，wot内部组件class优先于自定义的custom-class，例如 .wot-input，如果 custom-class 不生效，应该使用 :deep(.wot-input){} 进行精准覆盖

引用自：[为什么在组件中无法覆盖组件库样式？](https://wot-ui.cn/guide/common-problems.html#%E4%B8%BA%E4%BB%80%E4%B9%88%E5%9C%A8%E7%BB%84%E4%BB%B6%E4%B8%AD%E6%97%A0%E6%B3%95%E8%A6%86%E7%9B%96%E7%BB%84%E4%BB%B6%E5%BA%93%E6%A0%B7%E5%BC%8F)