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

问题排查

已知该问题提示的中文解释是指向：组件没有默认导出。

但项目中是用 script setup 语法糖实现的。

经排查，该错误提示的真正原因并不是组件没有默认导出，因为这种实现方式无需导出。

是vscode安装的vetur不支持ts写法导致的，换成vscode最新支持的volar就行。

（检查一下，如果已经安装了volar但仍然还是一样报错，可以试着先去把vetur禁用掉。）

安装失败

但——

vscode安装volar失败。

遂——

手动下载volar的vsix文件，修改文件中对vscode的支持版本（当前安装的vscode版本）

然后利用这样那样的方式把vsix文件导入vscode。（具体方法在下面的链接里，感谢这位大佬）

安装成功后

最后——

好像还是报错！

没关系，把vetur禁用了就行！

亲测有用~

volar细节方法来源于

vue: vscode安装扩展Volar失败(保姆级教程+图文结合）_vue.volar-2.0.0-CSDN博客