vue3 setup语法糖 TS 引入组件报错

最新推荐文章于 2024-08-21 16:32:10 发布
最新推荐文章于 2024-08-21 16:32:10 发布
阅读量1.3k 收藏 2
点赞数 1
文章标签： 前端 typescript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45288172/article/details/130062179
版权

在这里插入图片描述
vue3 setup语法糖 TS 引入组件报错：

Module '"d:/git/sofar-energy-storage-pc/src/components/ComTable/BaseComTable.vue"'
has no default export.Vetur(1192)

VsCode 插件Vetur报错：说组件没有抛出。
是因为Vetur(v0.35.0) 暂不支持ts。

解决办法：

更换支持ts的语法高亮插件 Volar 以取代 Vetur。

禁用Vetur
在这里插入图片描述
启用Volar
在这里插入图片描述

报错消失：
在这里插入图片描述

不爱吃饭爱吃菜
关注
vue3 setup语法糖
lhblmd的博客
06-28 616
vue3 setup语法糖
setup语法糖中的component组件无效
weixin_42943920的博客
06-03 504
setup语法糖中component动态组件无效
vue3+ts+setup语法糖的写法，导入子组件时会报错提示子组件未导出
奥特曼守护者的博客
07-04 190
ts不能和vetur插件来结合使用，只能和volar插件来结合使用，插件商店中没有这个插件，咱们就采用这个大佬的方法，来引入这个插件。做这个之前先把vetur禁用掉。第一次碰见这个问题，因为setup形式的.vue文件就不涉及需要export，直接就可以拿来用才对啊。http://t.csdnimg.cn/ECwuN，大佬非常保姆的教程，大家看吧。但是人家就是报错，报错就报错，你还能正常运行，你别给我笑死。
vue3 报错解决：找不到模块或其相应的类型声明。
最新发布
咸鱼滚滚
08-21 895
[plugin:vite:import-analysis] Failed to resolve import...当我新创建一个vue3新项目，想从头复盘并记录这个错误时，在新项目的App.vue中引用Person.vue，没有任何报错！ 因此，建议各位同学在遇到这个问题的时候，首选解决方案是删除node_module文件夹，重新下载依赖。如果不能解决问题，再试试上面的办法。
Module ‘“xx.vue“‘ has no default export.Vetur(1192)
热门推荐
pobu168的博客
11-26 1万+
使用Vue3测试时有如下代码： <script lang="ts" setup="props"> import HelloWorld from './components/HelloWorld.vue' </script> <template> <HelloWorld/> </template> 简单的代码附件了一些看着不爽的提示，虽然不影响正常运行： 具体的错误信息如下： import HelloWorld from './comp
使用VUE3 ＜script lang=“ts“ setup＞ 加上lang=“ts“或使用语法糖setup后编译报错
Ceichaos的博客
02-20 1778
出现语法糖使用ts语法的错误＜script lang=“ts“ setup＞ [@vue/compiler-sfc] compileTemplate now requires the `id` option.`
vue3+setup 解决：this.$refs引用子组件报错 is not a function
可可的博客
11-08 5569
二、如果父组件引用的是index页面 请在 头部加上以下代码 （如果是form页面请忽略这一步）三、引用index页面的最后一定要加上这个两个 （form页面忽略此步骤，只看第一步）中以下四步都没问题的话，再看下面步骤。open 是作为弹出层必备。抛出意味着其他页面可以引用。
vue3语法糖引入其它组件时报错
m0_68937827的博客
04-12 256
使用时移动要把vue的后缀加上，要不然就会报错 错误的写法： import SingleTable from '@/components/singleTable/index' 正确的写法 import SingleTable from '@/components/singleTable/index.vue'
使用setup语法糖,eslint检查报错
ATM_09的博客
08-12 1158
setup 语法糖 eslint报错
在vue3+ts+setup语法糖中使用图片预览组件
09-14
总结，Vue3+ts+setup语法糖提供了强大的开发体验，结合`vue-preview`库，我们可以轻松实现图片预览功能。在实际项目中，还可以进一步优化，例如添加错误处理、图片懒加载等功能，提升用户体验。
vue3(setup语法糖+TS)
qq_52797518的博客
04-29 2683
Composition API 组件通信
Vue3中setup语法糖下定义组件的name属性
weixin_54167801的博客
06-02 8447
Vue3中setup语法糖下定义组件的name属性
Vue3, setup语法糖、Composition API全方位解读
yyds2026的博客
09-26 857
Vue3相较于Vue2的自定义声明方法有些不同}) // 使 v-demo 在所有组件中都可用 app . directive('demo' , {// 在绑定元素的 attribute 前或事件监听器应用前调用 created(el , binding , vnode , prevVnode) {} , // 在元素被插入到 DOM 前调用 beforeMount(el , binding , vnode , prevVnode) {
vue3语法糖setup中使用vscode打开，满屏红线报错，‘xxx‘ is declared but its value is never read. Vetur(6133)，解决方法
qq_18798149的博客
09-28 6445
编写vue3代码的时候，引入的组件和定义的变量，在vscode中会出现红色波浪线，虽然不影响运行，但是看着很别扭，应该怎么处理那
vue3中引用组件提示has no default export问题解决
Z_Joker_J的博客
04-30 3657
手动下载volar的vsix文件，修改文件中对vscode的支持版本（当前安装的vscode版本）是vscode安装的vetur不支持ts写法导致的，换成vscode最新支持的volar就行。然后利用这样那样的方式把vsix文件导入vscode。经排查，该错误提示的真正原因并不是组件没有默认导出，因为这种实现方式无需导出。已知该问题提示的中文解释是指向：组件没有默认导出。
vue3+ts项目中导入组件时报错has no default export
byebukesi的博客
08-16 3598
报错是该组件没有导出，即"components/details/index.vue"has no default export.
uni-app 报错 [plugin:commonjs] Unexpected token
zhangzixue_的博客
03-29 2439
上下看看 少不少 ‘,’ 逗号 或者 ‘{}’ 括号之类的。
vite+vue3+ts各种报错解决
weixin_43336525的博客
04-17 587
这样就可以使用window.obj了。
模块”xx“没有默认导出的问题
问白的博客
02-13 2858
模块”xx“没有默认导出的问题解决
vue3setup语法糖和lang=ts
07-28
Vue 3中的setup语法糖是一个新的组件选项，它用于替代Vue 2中的data、computed、methods等...总结一下，Vue 3的setup语法糖提供了一种新的方式来定义组件的状态和逻辑，而lang="ts"则允许你在Vue组件中使用TypeScript。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值