我的编程空间,编程开发者的网络收藏夹
学习永远不晚

解决vue3 defineProps 引入定义的接口报错

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

解决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 引入定义的接口报错的详细内容,更多关于vue3 defineProps 引入报错的资料请关注编程网其它相关文章!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

解决vue3 defineProps 引入定义的接口报错

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

解决vue3 defineProps 引入定义的接口报错

这篇文章主要为大家介绍了解决vue3 defineProps 引入定义的接口报错详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-05-20

vue3在自定义hooks中使用useRouter报错的解决方案

这篇文章主要介绍了vue3在自定义hooks中使用useRouter报错的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-11-13

深入解析Golang中接口的定义和作用

Golang中接口的定义和作用详解引言Golang是一门现代化的编程语言,它通过接口实现了面向对象编程的特性。在Golang中,接口是一种定义行为的方法集合,是一种约定,用于指定对象的行为。接口的定义和使用在Golang中非常重要,本文
深入解析Golang中接口的定义和作用
2024-01-24

vue3+vite项目中按需引入vant报错:Failed to resolve import的解决方案

最近在vue项目中引入vant的时候发现报错了,经过尝试发现了问题,现将完整引入流程提供给大家参考,下面这篇文章主要给大家介绍了关于vue3+vite项目中按需引入vant报错:Failed to resolve import的解决方案,需要的朋友可以参考下
2022-12-24

Vue中引入swiper报错的问题及解决

这篇文章主要介绍了Vue中引入swiper报错的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-11-13

Restify中接入Socket.io报Error:Can’t set headers的错误解决

发现问题 在restify的官方文档中,接入socket.io的代码是酱汁的: http://restify.com/#socketiovar server = restify.createServer(); var io = socket
2022-06-04

vue3+vite:src使用require动态导入图片报错的最新解决方法

这篇文章主要介绍了vue3+vite:src使用require动态导入图片报错和解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2023-05-17

解决python3中自定义wsgi函数,make_server函数报错的问题

#coding:utf-8from wsgiref.simple_server import make_serverdef RunServer(environ, start_response):start_response('200 OK'
2022-06-04

如何解决MySQL报错:错误的表定义;只能有一个自动列,并且必须定义为键

MySQL报错“错误的表定义;只能有一个自动列,并且必须定义为键”通常是由于表定义中存在多个自动列或者没有将自动列定义为键引起的。要解决这个问题,可以按照以下步骤进行操作:1. 检查表定义中是否存在多个自动列。在MySQL中,每个表只能有一
2023-10-12

编程热搜

目录