使用nuxt3 父组件调用子组件方法报错怎么回事?

//子组件
<script lang="ts" setup>
const play = () => {
    console.log("调用成功")
}
defineExpose({
    play  //暴露
})
</script>

//父组件
<template>
  <basic ref="basicRef"/>
</template>
<script lang="ts" setup>
import basic from "./components/basic.vue";
let basicRef = ref<InstanceType<typeof basic>>(null)
basicRef.value.play()
</script>

报错