vue3引用组件时报错，但是可以正常运行

最新推荐文章于 2025-02-26 11:50:46 发布
最新推荐文章于 2025-02-26 11:50:46 发布
阅读量1.9k 收藏 4
点赞数 6
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40702027/article/details/132358012
版权

今天用vue3写dome时封装组件遇到一个报错，记录一下。下面是报错内容

Module '"d:/\u5DE5\u4F5C/\u7FFC\u88C5\u9879\u76EE/\u81EA\u5DF1/vue3.0/\u6848\u4F8B/vue-next-admin/src/views/pages/pagingList/sun.vue"' has no default export.

 解决方法

查了一下原因好像是vetur插件检查代码报的错，vetur主要是检查vue2代码的，检查vue3会有一些报错，vue3可以使用volar插件

 卸载 这个插件

重新安装这个插件

提一下volar插件在vsCode的低版本上可能会有安装不上的问题，需要更新一下vsCode版本

最后点个赞呗

lf百分点
关注
vue3 - 异步组件 defineAsyncComponent 引入使用无效（Cannot read properties of undefined(reading ‘catch‘)）详细解决方案
高级前端工程师
02-19 3993
vue3报错Cannot read properties of undefined(reading 'catch')如何解决，vue3+vite 使用defineAsyncComponent动态异步引入组件出错，vue3 vite 异步组件 defineAsyncComponent 引入报错，VUE3+vite项目中动态引入组件与异步组件的详细实例，Vue3中defineAsyncComponent异步组件使用报错，vue3 - 异步组件 defineAsyncComponent 引入使用无效（Cannot
vue3 - 详细解决definedProps无法引入外部Typescript类型定义问题，vue3+ts项目中使用definedProps引入外部ts类型定义时报错（type argument pa
高级前端工程师
02-28 3006
vue3，typescript，vite，definedProps，vue3+ts报错[@vue/compiler-sfc] type argument passed to defineProps() must be a literal type, or a reference to an interface or literal type，Vue3解决definedProps无法引入外部Typescript类型定义，vue3 ts无法引入外部类型定义，VUE3如果将类型定义抽取出来则会报错编译失败，怎么解
（vue3 ）代码突然爆红错误，但是项目可正常运行
qq_56456071的博客
08-11 9422
vue3 代码突然爆红错误，但是项目可正常运行
vue3中引用组件提示has no default export问题解决
最新发布
liangqin_csdn的博客
02-26 391
使用Volar取代Vetur，Volar已经更名为Vue-Official。点击扩展面板，在搜索窗口中输入Volar，选择Vue-Official进行安装。项目中是用script setup 语法糖实现的，Vetur（v0.35.0）暂不支持ts。
vue3使用import引入组件报Internal server error: Failed to resolve import “@/components/xxx“错误
hua_ban_yu的博客
04-15 1万+
使用vue3 + ts搭建项目，引入vue组件时报，[vite] Internal server error: Failed to resolve import "@/components/home/HomeSearch" from "src/views/HomeView.vue". Does the file exist?原因：直接引入vue组件但没有在vite.config.ts文件配置扩展。方案1、在vite.config.ts文件中添加扩展，保存后重新运行即可。引入组件添加.vue后缀，如图。
Vue3 框架使用报错以及解决办法
热门推荐
chenacxz的博客
08-20 1万+
el-submenu,但是显示出了问题，不能正常显示。感觉是这个组件的问题，查了一圈没找到解决方法，最后看官方文档发现el-submenu变成了el-sub-menu。7、vue.config.ts import path from 'path' 配置报错。8、vue3+element-plus里面的el-submenu组件显示问题。4、yarn add element-plus --save报错。引入组件时，没有添加.vue后缀 或者引入的组建没有被使用。3、cnpm安装element-plus报错。..
解决vue 引入子组件报错的问题
10-18
今天小编就为大家分享一篇解决vue 引入子组件报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
使用vuepress引用vue-quill-editor组件时报错 Uncaught ReferenceError: global is not defined
07-27
这个错误通常发生在使用 Vuepress 引入 Vue-Quill-Editor 组件时。这是因为 Vue-Quill-Editor 组件在内部使用了全局变量 `global`，但 Vuepress 默认情况下不支持全局变量。为了解决这个问题，你可以按照以下步骤...
vue使用Sass时报错问题的解决方法
10-14
在Vue项目中使用Sass，可以直接在组件内引用： ```scss // 在`.vue`文件的标签内 .my-class { color: #ff0000; } ``` 或者在`@`符号后写路径（Vue 3.x无需配置，Vue 2.x可能需要在webpack配置中添加别名）： ...
vue组件递归自己报错，本地使用正常
nackerhuang的博客
08-18 648
组件本地使用正常，上传到npm后其他项目使用时报错：Failed to mount component: template or render function not defined 出问题的地方在组件递归调用自己时，代码如下： 在Menus组件内递归调用Menus，其他项目通过 npm i vue-contextmenus安装调用。 待页面展示二级目录时报错 后经测试，发现一个临时解决方案，暂时没找到合理的解释， 如果有大佬知道还请告知《nacker1@qq.com》,感激不尽。 解.
vue3语法糖引入其它组件时报错
m0_68937827的博客
04-12 365
使用时移动要把vue的后缀加上，要不然就会报错 错误的写法： import SingleTable from '@/components/singleTable/index' 正确的写法 import SingleTable from '@/components/singleTable/index.vue'
vue如何解决循环引用组件报错的问题
01-19
问题由来 最近在做项目的时候遇到使用循环组件，因为模式一样，只有数据不一样。按照普通组件调用格式来做的时候总是报错，错误信息为[Vue warn]: Unknown custom element: <selfile> – did you register the component correctly? For recursive components, make sure to provide the “name” option. 解决方案 查询了网上各种资料之后，发现是循环调用组件时，组件比vue实例后创建，官方文档里写组件必须先于实例化引入，所以说组件没有正确的引入。 解决方式 解
【Vue3】引入组件Failed to resolve component: MyButton If this is a native custom element
Primice个人空间
02-12 4389
引入组件时在comments这一步出了问题，有可能是单词拼写错误或者其它被忽略的细节问题
vue3 报错自定义组件导入不存在解决方法
weixin_63477921的博客
02-20 2785
检查文件是否存在：首先，确保文件存在于“src”目录中的“components”目录中。仔细检查文件名的拼写和大小写，以确保它与您试图导入的内容完全匹配。文件扩展名：确保导入语句中包含了正确的文件扩展名。因此，您的import语句应该以.vue结尾。正确的文件路径：验证您在导入语句中指定的路径是否正确。在这种情况下，它应该是相对于你的“App.vue”文件的位置。区分大小写：请记住，文件路径区分大小写，因此请确保导入语句中的大小写与文件名和目录名的实际大小写匹配。如上都未解决，则尝试更新。
vue3中导入子组件报错
zhaoyin1994的博客
06-07 572
项目报错：父子组件通信中，导入子组件报错提示：Internal server error: Failed to resolve import "@components/son-com.vue" from "src/App.vue". Does the file exist?
vue3中引入组件提示Module ‘“XXXXX/index.vue“‘ has no default export.
Lucky_girl_wan的博客
07-02 1146
2.输入vetur.validation.script，把复选框勾选去掉，进行vetur配置，最后重启vscode即可。1.点击vscode右下角设置按钮，选择设置。
.vue文件引入子组件报错 (vue3+typescript+@vue/cli5+系列问题总结)
王维璋
05-15 6510
项目技术栈： 脚手架：@vue/cli 5.0.4 vue：vue 3.2.13 typescript：4.5.5 sass：1.32.7 sass-loader：12.0.0 背景： .vue文件组件中引入子组件报错(并不是所有的子组件都报错。编译不报错，不影响项目运行) 问题详情： 1、父组件中引入两个子组件，只有一个报错 错误信息： 文件“/Users/wangweizhang/clie...
vue3在安装element-plus后使用官网提供的自动导入组件在webpack 下报错
qq_45404003的博客
06-21 3107
版权声明：本文为CSDN博主「Technology_hands」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/Technology_hands/article/details/128719150。最后发现问题是 elment plus 和 自动加载方法 的版本不适应的问题。您需要使用额外的插件来导入要使用的组件。plus 这行代码的时候 出现了报错。解决方法是 根据视频增加精确版本的包。解决方法：切换至更高版本的。
vue3项目按需引入element-plus报错 ERROR Invalid options in vue.config.js: “plugins“ is not allowed
weixin_60697146的博客
05-08 1472
vue3项目按需引入element-plus报错 ERROR Invalid options in vue.config.js: "plugins" is not allowed
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值