問題遇到的現(xiàn)象

在setup語法糖使用了defineProps，然而在定義類型的時(shí)候一旦將接口暴露出去引用就發(fā)生了報(bào)錯(cuò)

問題相關(guān)代碼

interface Props {
    /* ... */
}
export {
    type Props
}

<script setup lang="ts">
    import { Props } from "."
    const props = defineProps<Props>()
</script>

運(yùn)行結(jié)果及報(bào)錯(cuò)內(nèi)容

[@vue/compiler-sfc] type argument passed to defineProps() must be a literal type, or a reference to an interface or literal type.

我的解答思路和嘗試過的方法

在組件中直接定義接口就不會(huì)報(bào)錯(cuò)，

我想要達(dá)到的結(jié)果

將接口封出去進(jìn)行引用

以上就是解決vue3 defineProps 引入定義的接口報(bào)錯(cuò)的詳細(xì)內(nèi)容，更多關(guān)于vue3 defineProps 引入報(bào)錯(cuò)的資料請(qǐng)關(guān)注其它相關(guān)文章！