Vue 3 & TypeScript Example Project Build Error

[heaquan]

Reduced Test Case

https://github.com/fullcalendar/fullcalendar-examples/tree/main/vue3-typescript

Do you understand that if a reduced test case is not provided, we will intentionally delay triaging of your ticket?

• [X] I understand

Which connector are you using (React/Angular/etc)?

Vue

Bug Description

Use the example code in git，error while building。

The operation is as follows： git clone https://github.com/fullcalendar/fullcalendar-examples.git cd fullcalendar-examples/vue3-typescript npm install npm run build

error screenshot：

[vgoreiko]

According to this in the repository: https://github.com/fullcalendar/fullcalendar-examples/blob/main/vue3-typescript/package.json a lot of packages use ^ in the version determination. I think that this is the reason - some depth was updated and this influenced on build. Just as a temporary fix - try different versions of packages. Especially these: "devDependencies": { "@vitejs/plugin-vue": "^4.0.0", "typescript": "^4.9.3", "vite": "^4.0.0", "vue-tsc": "^1.0.11" },

[acerix]

I tried the same commands and it builds without error for me.

It could be a problem with using older typescript or node, updating those may help and also clearing the npm package cache.

[Gilbert5210]

vite@4.5.0 + vue@3.4.21 + vue-tsc@2.0.12

run vite build

@acerix help me?

[Gilbert5210]

git clone https://github.com/fullcalendar/fullcalendar-examples.git cd fullcalendar-examples/vue3-typescript

add file test.vue

<script lang='tsx'>
import { defineComponent, ref } from 'vue'
import { Button } from 'ant-design-vue'

/**
 * @author 
 * @Description:
 * @date
 */
export default defineComponent({
  name: 'test',
  setup() {
    const count = ref('test')
    return () => <div class='test-wrap'>
      <Button>{count.value}</Button>
    </div>
  }
})
</script>

<style lang='less' scoped>
.test-wrap {

}
</style>

run： yarn build

look terminal

@acerix

[Gilbert5210]

@acerix

[Gilbert5210]

@acerix ???

[Gilbert5210]

@acerix are you ok ?