使用vite构建代码的时候，发现会报这个错误 To load an ES module.... about vue-countup-v3

[jizai1125]

能给个复现么

[bilibala2]

可能是因为我的主项目的 package.json 文件就是要求 "type": "module"，所以会出现这个错误，但这个要求我没有办法更改。
主项目的 package.json 部分内容如下：
"type": "module","private": true,
"vue": "^3.2.47"

引入代码：
`<script setup lang="ts">
import CountUp from 'vue-countup-v3';

const { endVal = 384200 } = defineProps<{
endVal: number;
}>()
</script>

`

使用命令： npm build 执行代码构建。
修改 /node_modules 文件夹中的 vue-countup-v3 的 package.json 文件：
"types": "dist/countup.vue.d.ts", "type": "module",
只是加上了 "type": "module", 就可以构建成功。
但是加上了这个之后，npm run dev 就会报错，必须要去掉才可以运行成功。

[jizai1125]

你是在 nuxt 中用的？配置下 build.transpile, 参考 issue

import { defineNuxtConfig } from 'nuxt3';

export default defineNuxtConfig({
  build: {
    transpile: ['vue-countup-v3'],
  },
});

[bilibala2]

我的项目并不是 nuxt 框架的，而是使用 astro+vue3

[jizai1125]

我的项目并不是 nuxt 框架的，而是使用 astro+vue3

加个指令 client:only

  <CountUp client:load client:only end-val={2000} />

相关 issue: withastro/astro#6321