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

最新推荐文章于 2024-09-11 14:04:01 发布

phyit

最新推荐文章于 2024-09-11 14:04:01 发布

阅读量6.9k

点赞数 24

分类专栏：前端 html 面试文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/tgs2033/article/details/123079992

版权

前端同时被 3 个专栏收录

52 篇文章 3 订阅

订阅专栏

html

46 篇文章 0 订阅

订阅专栏

面试

8 篇文章 0 订阅

订阅专栏

使用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