Module ‘“xx.vue“‘ has no default export.Vetur(1192)

使用Vue3测试时有如下代码：

<script lang="ts" setup="props">import HelloWorld from './components/HelloWorld.vue'
</script><template><HelloWorld/>
</template>

简单的代码附件了一些看着不爽的提示，虽然不影响正常运行：

具体的错误信息如下：

import HelloWorld from './components/HelloWorld.vue'
</script><template><HelloWorld/>
import HelloWorld
import HelloWorld
'HelloWorld' is declared but its value is never read.Vetur(6133)
Module '"/Volumes/Work/Vue3/x-ui/src/components/HelloWorld.vue"' has no default export.Vetur(1192)

从错误提示可以看到关键字_Vetur_，来看下这是何方神圣：

官网醒目的位置：

Vue tooling for VS Code.

vetur是一个vscode插件，用于为.vue单文件组件提供代码高亮以及语法支持

再继续翻，找到了个issue：issue 其中有下面这段话：

If you take a look at how Evan recently responded about the recommended approach going forward, it seems that volar is currently the extension of choice for vue 3.

那既然官方推荐 _volar_那肯定要去看下，简单的说volar是vetur的升级版本，提供了更牛叉的功能并有更好的TS支持。

于是……

选择卸载vetur，安装volar插件

于是……，世界都清爽了好多

最后，记得重启下VS Code

Module ‘“xx.vue“‘ has no default export.Vetur(1192)相关推荐

终极解决TS 或者 Vetur 报错，Cannot find module ‘@/xx/xxx‘，找不到*.vue 等编译问题
报错详情:类似于 // 编译器报错: Cannot find module '@/xx/xxx' or its corresponding type declarations.Vetur(2307)/ ...
module “**.vue“ has not default
module "**.vue" has not default 这个问题造成的原因是因为你在vue.config.js中设置了happyPackMode选项,如下所示: confi ...
安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法
代码编辑器:vscode ,使用vue3,所以安装了 Volar 插件,可以使 vue 代码高亮显示,不同颜色区分代码块,以及语法错误提示等提示:如果使用的是vue2,则使用 Vetur 插件:使用 ...
webstorm报错：TS2307: Cannot find module ‘./App.vue‘ or its corresponding type declarations
错误描述在使用ts后,webstrom报以下错误 TS2307: Cannot find module './App.vue' or its corresponding type declarati ...
前端学习笔记系列一：1.export default / export const
export default 是默认导出 export const 是命名导出参考:Javascript (ES6), export const vs export default(基本上就是翻译这 ...
VSCODE 报错 Module ‘xx‘ has no ‘xx‘ member pylint(no-member)
1 问题描述 VSCODE报错Module 'xx' has no 'xx' member pylint(no-member) 一般会出现的问题:在写python的时候发现红色提示pylint(no- ...
Java错误：Implicit super constructor xx() is undefined for default constructor.
Java错误:Implicit super constructor xx() is undefined for default constructor. 错误原因:父类中已定义了有参构造函数,并且父类 ...
export default + export const
export default 是默认导出 export const 是命名导出参考:Javascript (ES6), export const vs export default(基本上就是翻译这 ...
Can’t import the named export ‘bypassFilter’ from non EcmaScript module (only default export is avai
解决Cannot find module ‘./App.vue‘ or its corresponding type declaration 的问题
报错原因:vite使用的是ts,ts不识别.vue 后缀的文件具体问题如下:在main.ts中导入App.vue文件报该错误解决方法:在vite项目的根 vite-env.d.ts 文件中添加下面 ...

Module ‘“xx.vue“‘ has no default export.Vetur(1192)

Module ‘“xx.vue“‘ has no default export.Vetur(1192)相关推荐

最新文章

热门文章