vue3中引入文件ts报红色波浪线问题

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

vue3中引入文件ts报红色波浪线问题_第1张图片

解决方法:

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
}

 然后就可以看到红色波浪线没有了

你可能感兴趣的:(vue.js,前端,typescript)