vite创建项目后报错之“HelloWorld.vue has no default export”

最新推荐文章于 2025-03-22 23:47:02 发布

前端花卷

最新推荐文章于 2025-03-22 23:47:02 发布

阅读量2.1k

点赞数 10

分类专栏： Web前端实践笔记文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_61498310/article/details/135962561

版权

Web前端实践笔记专栏收录该内容

11 篇文章

订阅专栏

一、背景

在使用vite创建vue3项目时，啥也没动，出现了以下错误：

Module '"d:/projects/vue3_json_schema_form/src/components/HelloWorld.vue"' has no default export.

（如图所示）

二、原因

由于之前安装了 Vetur 插件，Vetur 默认使用 eslint-plugin-vue，并且强制 export default 语法。

三、解决方法

安装 Vue 官方推荐的两款插件：

Vue Language Features(Volar) 代替 Vetur 的语法高亮等功能

TypeScript Vue Plugin 使得写法为 lang=ts 的组件能使用 *.vue 引入

备注：本文参考落落叶叶无声

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端花卷

关注关注

10
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Electron系列 -- vue项目打包成.exe文件(通过官方demo的方式)

m0_71071209的博客

07-15

2749

在Inno Setup 里面搭建一个脚本, 通过脚本编辑安装程序的名称, 版本. 快捷键生成, 安装目录等, 是很有必要的, 生成一次后,后续可以一直沿用 ,二次使用选择上一次创建好的脚本, 一键打包即可。打包完毕, node_modules同级会生成out文件, 点开exe包就是打包好 , 可安装在windows系统上。重点是： mainWindow.loadFile(“./dist/index.html”) 的修改。通过将vue项目打包, 会生成一个dist文件。1. npm 出现镜像问题。

Django+vue+ElementUi 实现前后端分离项目

vincent的博客

10-28

4938

![](https://img2020.cnblogs.com/blog/2595966/202110/2595966-20211027200616914-384109510.png) ![](https://img2020.cnblogs.com/blog/2595966/202110/2595966-20211027200630022-562388827.png) 本文主要分为五个部分，逐一进行讲解前后端分离项目环境搭建流程，主要有：环境搭建、Django、vue、整合、总结；一..

1 条评论您还未登录，请先登录后发表或查看评论

vue3中引用组件提示has no default export问题解决

liangqin_csdn的博客

02-26

380

使用Volar取代Vetur，Volar已经更名为Vue-Official。点击扩展面板，在搜索窗口中输入Volar，选择Vue-Official进行安装。项目中是用script setup 语法糖实现的，Vetur（v0.35.0）暂不支持ts。

Module ‘/src/components/HelloWorld.vue“‘ has no default export.Vetur(1192)

weixin_46773024的博客

04-26

2895

viscode插件 Vetur(v0.35.0)不支持最新写法卸载并安装 Volar 插件。

vue3引用组件提示has no default export，以及@访问文件路径提示找不到文件问题

最新发布

2201_75691491的博客

03-22

476

首先，vue3引用组件提示has no default export，是由于vetur不支持ts写法，@引入文件路径提示找不到文件，自测要找的文件和需要引入文件的目标。这是我学习中遇到的一点小问题。

Vite 创建项目后 eslint 提示错误 HelloWorld.vue has no default export

落叶无声的专栏

03-03

1740

vite 创建项目 eslint 报错

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

KingShy1的博客

01-26

6837

2.解决方法：在vscode中的setting.json中添加一下代码。1.报错如下：虽然程序不会报错，但是看着难受。3.重启vscode就可以了。

vue3在引入组件时报‘has no default export‘,翻译过来的意思就是没有进行默认导出

weixin_53042678的博客

04-27

2568

添加 "vetur.validation.script": false,重启Vscode即可生效。这个解决的方法也很简单，点击Vscode左下角的设置。

vue3+vite+typescript的项目中报错Module '"e:/Vue3/Project/vite-project/src/components/HelloWorld.vue"' has no default export.

07-28

在vue3+vite+typescript的项目中，如果你在引入组件时遇到了"Module 'xxx' has no default export"的错误，这通常是因为你的组件没有默认导出。这个错误可能是由于以下几个原因导致的： 1. 在你的组件文件中，没有...

electron + vue3 + vite 渲染进程与渲染进程之间的消息端口通信

狼性书生

03-10

1144

渲染进程与渲染进程之间的通信有两种： - 通过主进程进行消息转发（通过组合主进程与渲染进程之间的单向、双向通信可以实现，可以自己动手尝试，该篇不讲解） - 通过消息端口进行直接通信该篇主要用示例讲解下单项目内多个窗口的渲染进程之间相互通信的流程（也就是通过消息端口进行通知）

Vue+ElementUI实战

qq_41359998的博客

08-18

881

Vue+ElementUI实战使用之前创建vue-cli项目的方法 1.创建一个名为hi-vue的工程 vue init webpack hi-vue 2.安装依赖，我们需要安装element-ui、sass-loader和node-sass # 进入工程目录 cd hello-vue # 安装 element-ui npm i element-ui -S # 安装依赖 npm install # 安装 SASS 加载器 cnpm install sass-loader node-sass --sav

Module ‘“/xxxx/xxx/xxx/xx/Child.vue“‘ has no default export

m0_57547754的博客

01-06

2397

在父组件中引入子组件时，报错：Module '"/xxxx/xxx/xxx/xx/Child.vue"' has no default export。

(vue3)引入组件标红，...has no default export 组件没有默认导出

nyf_unknow的博客

06-21

4364

由于之前安装了 Vetur 插件，Vetur 默认使用 eslint-plugin-vue，并且强制 export default 语法。TypeScript Vue Plugin 使得写法为 lang=ts 的组件能使用 *.vue 引入。Vue Language Features(Volar) 代替 Vetur 的语法高亮等功能。创建的vite+vue3+ts项目页面有标红。3.重启vscode。

项目报错：xxx.vue has no default export 以及 Cannot find module ‘@/types‘ or its corresponding type

m0_64150479的博客

08-03

583

vscode运行vue项目，报了两个错

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

qq_56042158的博客

04-01

1710

使用vetur这个插件（我目前的版本是0.37.3，应该是这个版本之前的都不支持）。具体是不支持vue3还是不支持ts大家可以自己试验下。报错是该组件没有导出，即"components/details/index.vue"has no default export.禁用vetur插件，启用Volar这个插件。

详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因

hw_happy的博客

09-13

1033

但是在我引用这个文件的时候还是提示了这个错误，原来是我的项目使用了ts和vite\webpack，因为 TypeScript 和 Vue 的默认导出行为在某些情况下不完全一致，特别是在与一些工具链（如 Vite、Webpack）和 TypeScript 配置一起使用时。在一个vue文件中需要引入定义的b.vue文件，但是提示b文件没有默认导出，对于vue2文件来说有export default ，在。如果你使用的是 Vite 或 Webpack，确保它们的配置能够正确处理 Vue 文件。