搭建完vue3+vite+ts项目之后，用vscode打开项目，发现 .vue 文件和 main.ts 文件夹下都有红色破浪线（如下图所示）。几番周折终于解决了这个问题。
1. 解决.ts文件报错
报错原因：ts不识别.vue后缀的文件。
解决方式：创建脚手架的时候，项目的根目录下会生成一个env.d.ts文件，修改文件里面的代码，在文件里面增加下面的代码：
declare module "*.vue" {
import { DefineComponent } from "vue"
const component: DefineComponent<{}, {}, any>
export default component
}2. 解决vue文件波浪线提示
报错原因：vscode插件 Vetur 不支持最新写法
解决方式：卸载 并 安装 Volar 插件文章来源：https://www.toymoban.com/news/detail-766260.html
文章来源地址https://www.toymoban.com/news/detail-766260.html
到了这里，关于vue3+vite+ts项目搭建之后，vscode文件夹下红色波浪线问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
