今天小编给大家分享的是如何解决vue3 defineProps 引入定义的接口报错，相信很多人都不太了解，为了让大家更加了解，所以给大家总结了以下内容，一起往下看吧。一定会有所收获的哦。
问题遇到的现象
在setup语法糖使用了defineProps，然而在定义类型的时候一旦将接口暴露出去引用就发生了报错
问题相关代码
interface Props {
/* ... */
}
export {
type Props
}
<script setup lang="ts">
import { Props } from '.'
const props = defineProps<Props>()
</script>
运行结果及报错内容
[@vue/compiler-sfc] type argument passed to defineProps() must be a literal type, or a reference to an interface or literal type.
我的解答思路和尝试过的方法
在组件中直接定义接口就不会报错，
我想要达到的结果
将接口封出去进行引用
关于如何解决vue3 defineProps 引入定义的接口报错就分享到这里了，希望以上内容可以对大家有一定的参考价值，可以学以致用。如果喜欢本篇文章，不妨把它分享出去让更多的人看到。
