vue3 Vetur报错：has no default export 组件没有默认导出

最新推荐文章于 2024-10-19 13:45:39 发布
最新推荐文章于 2024-10-19 13:45:39 发布
阅读量6.9k 收藏 13
点赞数 15
文章标签： vue typescript vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/KingShy1/article/details/135857997
版权
本文讲述了在Vue3项目中遇到hasnodefaultexport错误的情况，虽然程序运行正常但视觉上影响，解决方案是在VSCode的setting.json中关闭vetur.validation.script验证并重启IDE以解决问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

vue3 Vetur报错：has no default export 组件没有默认导出

1.报错如下：虽然程序不会报错，但是看着难受

在这里插入图片描述
2.解决方法 ：在vscode中的setting.json中添加一下代码

 "vetur.validation.script": false

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

3.重启vscode就可以了

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决
08-30
在ES6模块中，应使用`export default`来导出默认值，而不是`module.exports`。 错误的代码示例： ```javascript import {normalTime} from './timeFormat'; module.exports = { normalTime }; ``` 正确的做法是将...
vue3中引用组件提示has no default export问题解决
Z_Joker_J的博客
04-30 8694
手动下载volar的vsix文件，修改文件中对vscode的支持版本（当前安装的vscode版本）是vscode安装的vetur不支持ts写法导致的，换成vscode最新支持的volar就行。然后利用这样那样的方式把vsix文件导入vscode。经排查，该错误提示的真正原因并不是组件没有默认导出，因为这种实现方式无需导出。已知该问题提示的中文解释是指向：组件没有默认导出。
(vue3)引入组件标红，...has no default export 组件没有默认导出
nyf_unknow的博客
06-21 4627
由于之前安装了 Vetur 插件，Vetur 默认使用 eslint-plugin-vue，并且强制 export default 语法。TypeScript Vue Plugin 使得写法为 lang=ts 的组件能使用 *.vue 引入。Vue Language Features(Volar) 代替 Vetur 的语法高亮等功能。创建的vite+vue3+ts项目页面有标红。3.重启vscode。
vue3在引入组件时报‘has no default export‘,翻译过来的意思就是没有进行默认导出
weixin_53042678的博客
04-27 2583
添加 "vetur.validation.script": false,重启Vscode即可生效。这个解决的方法也很简单，点击Vscode左下角的设置。
vscode中vue3项目vetur报错
solocao的专栏
05-03 4019
vue3支持的插件应该是volar，之前有老的vue2项目插件vetur，所以会报错。 解决办法：在项目中新建.vscode, 新建文件settings.json,里面内容如下： { "vetur.validation.template": false, "vetur.validation.script": false, "vetur.validation.style": false, } 最后重启vscode解决问题 ...
vue3 import报错：has no default export
热门推荐
huanglgln的专栏
12-07 2万+
vue3 报错：has no default export
vue3引入组件后报错：Module '"d:/Nuan/happy_birthday/src/components/HelloWorld.vue"' has no default export.V
11-10
当你在Vue 3项目中导入一个组件并期望它有一个默认导出（通常是一个 Vue 组件实例），但是报这个错误"Module '.../HelloWorld.vue' has no default export"，这表示你尝试导入的组件文件没有显式地通过 `export ...
vue3ts中module has no default export
最新发布
03-20
嗯，用户遇到了Vue3和TypeScript项目中出现的“module has no default export”的问题。首先，我需要回忆一下这个错误的常见原因。通常，当TypeScript无法找到模块的默认导出时，会出现这个错误。Vue单文件组件（SFC...
vue3中报错has no default export
07-27
在Vue3中报错"has no default export"通常是由于导出的模块没有默认导出引起的。根据提供的代码，可以看到在引用\[2\]中的代码中，App.vue和router都是通过默认导出的方式进行导入的。而在引用\[3\]中的代码中，...
vue3has no default export
09-11
在Vue3中，"has no default export"的错误通常表示在导入组件时，组件没有默认导出。这可能是因为在导入组件时使用了错误的路径或者组件文件中没有正确地进行默认导出。要解决这个问题，你需要检查以下几个方面： 1...
关于创建vue3项目 vscode的vetur插件依然报错需要template有根标签解决方法
inksnowHL的博客
04-27 2112
最简单方便的解决vscode的vetur报错The template root requires exactly one element. eslint-plugin-vue
vue3+ts项目中导入组件时报错has no default export
weixin_59527403的博客
12-04 1245
vue3+ts项目中导入组件时报错has no default export
Vue3项目中出现 Module ‘“d:/Projectxxxx.vue“‘ has no default export.
晨曦博客
04-13 1025
解决方案：
解决vue3使用别名报错问题(vetur 插件报错问题)
m0_55986526的博客
01-10 5168
解决vue3使用别名报错问题(vetur 插件报错问题)
解决viscode开发者工具 Vetur插件报没有默认导出的错误
m0_63339516的博客
03-22 436
当前页面引入模块化页面,报没有默认导出,报红色波浪线,但是页面正常使用打开viscode开发者工具,
【Vue3问题记录】import组件报错：has no default export
学习记录
09-10 638
我的项目使用的是ts+Vetur，报错原因是因为Vetur不支持ts写法导致的，换成VSCode最新支持的Volar插件就行。如果安装插件后仍然报错，可以试试把Vetur禁用掉。
vue3中报has no default export错误
南风花海的博客
10-19 923
在同时使用Vetur和Volar插件的Vue2与Vue3项目中，遇到'Module has no default export'错误。通过在VSCode设置中将'vetur.validation.script'设为false，可以消除该报错，不影响实际运行。"vetur.validation.script": false
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值