搭建完vue3+vite+ts项目之后，用vscode打开项目，发现 .vue 文件和 main.ts 文件夹下都有红色破浪线（如下图所示）。几番周折终于解决了这个问题。
- 解决.ts文件报错
报错原因：ts不识别.vue后缀的文件。
解决方式：创建脚手架的时候，项目的根目录下会生成一个env.d.ts文件，修改文件里面的代码，在文件里面增加下面的代码：
declare module "*.vue" {
import { DefineComponent } from "vue"
const component: DefineComponent<{}, {}, any>
export default component
}
- 解决vue文件波浪线提示
报错原因：vscode插件 Vetur 不支持最新写法
解决方式：卸载 并 安装 Volar 插件
本文转载自: https://blog.csdn.net/jiaoxt_123/article/details/133951677
版权归原作者 Janext 所有， 如有侵权，请联系我们删除。
版权归原作者 Janext 所有， 如有侵权，请联系我们删除。