在创建vue3+vite+ts的项目过程中,发现ts在引入文件时报红色波浪线

解决方法:
1.如果使用的vsCode中vue插件是Vetur的话,需要卸载重新安装支持vue3的Volar插件

2.需要在src目录下创建xxx.d.ts文件,添加以下代码
declare module "*.vue" {
import { DefineComponent } from "vue"
const component: DefineComponent<{}, {}, any>
export default component
}
然后就可以看到红色波浪线没有了
文章讲述了在构建Vue3项目时,遇到TypeScript引入文件报红的问题。解决方法包括升级到支持Vue3的Volar插件并创建xxx.d.ts文件来声明Vue组件类型,从而消除编译时的红色波浪线。

9171

被折叠的 条评论
为什么被折叠?



