使用vite创建的vue项目提示:Cannot find module '../views/xxxxxx.vue' or its corresponding type declarations.
错误提示
报错的原因是因为ts不识别.vue后缀的文件。
解决方案
创建脚手架的时候,查看项目的根目录下是否存在了一个env.d.ts文件
1、若存在:修改文件里面的代码,在文件里面增加下面的代码:
declare module "*.vue" {
import { DefineComponent } from "vue"
const component: DefineComponent<{}, {}, any>
export default component
}
2、若不存在,则在根目录下新建resolveVue.d.ts
文件
将上面的代码放在新建的文件中,然后在tsconfig.json的include中增加这个文件名