vue3报错-ts识别不了vue文件

问题描述

vue3报错-找不到模块’.vue’或相应的类型声明

虽然并不会影响启动和打包，但是有这么一个红红的报错也很不爽！

报错原因

未定义 .vue文件 的类型， 导致 ts 无法解析其类型。

解决方案

在根目录下， 新建 or 打开 【env.d.ts】 文件，添加如下代码：

/// <reference types="vite/client" />
declare module '*.vue' {
  import type { DefineComponent } from 'vue';

  const vueComponent: DefineComponent<{}, {}, any>;

  export default vueComponent;
}

基于vue3+ts+vite的github地址

vue3之demo