vue3+ts项目中导入组件时报错has no default export

最新推荐文章于 2025-04-22 16:46:39 发布
最新推荐文章于 2025-04-22 16:46:39 发布
阅读量4.2k 收藏 7
点赞数 9
分类专栏： vue技术栈整理 文章标签： javascript vue.js ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/byebukesi/article/details/132319465
版权

vue3+ts项目中导入组件时报错has no default export

问题描述

// 下面这句会标红
import WorkItemDetails from "./components/details/index.vue";

报错是该组件没有导出，即"components/details/index.vue"has no default export.

报错原因

使用vetur这个插件（我目前的版本是0.37.3，应该是这个版本之前的都不支持）。具体是不支持vue3还是不支持ts大家可以自己试验下。

解决办法

禁用vetur插件，启用Volar这个插件
在这里插入图片描述

Vue开发实战十一:Vue3+TS+Antd实现vben项目的增删改查
博主逸尘
12-03 3633
文章目录1.效果图预览2.列表的实现3.数据新增、修改及附件上传的实现4.详情界面的实现 说明：之前用Vue2+ElementUI|iView用的那是相当的爽，写法和之前做移动的用的Ionic很是类似，最近新开了一个项目，用的Vue3+TS+Antd那真是一把辛酸一把泪，完全摸索+找规律+瞎蒙，开发了一个模块之后终于有所得，以此篇文章记录。 1.效果图预览 老规矩先上效果图 列表 新增 附件上传 修改 详情 2.列表的实现 index.vue页面中 template布局如下，BasicTable列
Vue3.0 + Ts 项目框架搭建四：配置 Svg-Icon、Icon图标
weixin_44209082的博客
04-17 1170
1. 在src文件下，创建components/SvgIcon/index.vue组件 <template> <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" :class="className" /> <svg v-else class="svg-icon" :class="className" aria-hidd
vue3中引用组件提示has no default export问题解决
Z_Joker_J的博客
04-30 8671
手动下载volar的vsix文件，修改文件中对vscode的支持版本（当前安装的vscode版本）是vscode安装的vetur不支持ts写法导致的，换成vscode最新支持的volar就行。然后利用这样那样的方式把vsix文件导入vscode。经排查，该错误提示的真正原因并不是组件没有默认导出，因为这种实现方式无需导出。已知该问题提示的中文解释是指向：组件没有默认导出。
vue使用ts 引入组件_Vue2.5+ Typescript 引入全面指南
weixin_39734074的博客
12-20 753
Vue2.5+ Typescript 引入全面指南系列目录：写在前面写这篇文章时的我，Vue使用经验三个多月，Typescript完全空白，花了大概三个晚上把手头项目迁移至Typescript，因此这篇文章更像个入门指引。总原则两大原则：最小依赖引入由于我个人从Javascript到Typescript的升级，更倾向于平滑顺移，因此，我对新依赖的引入整体保持克制原则，只引入了必要项，以尽量贴近原生...
(vue3)引入组件标红，...has no default export 组件没有默认导出
最新发布
weixin_51670113的博客
04-22 267
插件，Vetur 默认使用 eslint-plugin-vue，并且强制 export default 语法。+vue3+ts项目页面有标红,但程序不报错。
vue3 has no default export
qq_37757270的博客
05-26 685
vue3 消除代码警告
vue3 import报错：has no default export
热门推荐
huanglgln的专栏
12-07 2万+
vue3 报错：has no default export
vue3.0+ts 封装axios
zy991315的博客
07-03 889
vue3.0+ts 封装axios
vue3 + ts 权限管理
weixin_43073383的博客
09-10 1221
权限管理是一个非常重要的方面。通过权限管理，我们可以控制用户对不同功能和资源的访问权限，从而保护系统的安全性和数据的完整性。在本篇博客中，我们将介绍如何使用 Vue 3 和 TypeScript 来实现一个简单的权限管理系统，包括路由权限、页面权限和按钮权限，并给出相应的示例代码。
vue3ts中module has no default export
03-20
嗯，用户遇到了Vue3和TypeScript项目中出现的“module has no default export”的问题。首先，我需要回忆一下这个错误的常见原因。通常，当TypeScript无法找到模块的默认导出时，会出现这个错误。Vue单文件组件（SFC...
vue3+ts+vite中 import报错：Moudle ... has no default export
poguanba的博客
09-19 2988
我在网上也找了很多文章的解决办法，但都不太管用，直到发现了一个解决办法是说插件的问题，vetur新版本不适用vue3，将该插件禁用，使用Vue Language Features就可以完美解决了，我抱着试一试的心态，没想到成功了。
vue3在引入组件时报‘has no default export‘,翻译过来的意思就是没有进行默认导出
weixin_53042678的博客
04-27 2578
添加 "vetur.validation.script": false,重启Vscode即可生效。这个解决的方法也很简单，点击Vscode左下角的设置。
vue3引用组件提示has no default export，以及@访问文件路径提示找不到文件问题
2201_75691491的博客
03-22 556
首先，vue3引用组件提示has no default export，是由于vetur不支持ts写法，@引入文件路径提示找不到文件，自测要找的文件和需要引入文件的目标。这是我学习中遇到的一点小问题。
vue3 Vetur报错：has no default export 组件没有默认导出
XUELINGMM的博客
05-18 6558
在vue3项目ts写法报错组件没有默认导出，这种情况代码本身没有问题，程序能正常执行，对于强迫症的我表示看得很难受。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值