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.

我的解答思路和尝试过的方法
在组件中直接定义接口就不会报错,

我想要达到的结果
将接口封出去进行引用

阅读 16.4k
3 个回答

image.png
vue3 尚不支持从外部引入类型定义

按照错误信息,就是你的 Props 有问题。你得把 Props 贴出来看看才知道了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题