vite+vue+vue-router引入出现ts(7016)

项目场景：

在使用vue3+vite+vue-router

---

问题描述

在使用vue3+vite+vue-router引用vue组件出现找不到该vue文件。：

const routes: RouteRecordRaw[] = [{
    path: '/',
    component: () => import('@/login.vue')
}]

---

原因分析：

ts只有解析ts文件，不能解析vue文件

解决方案：

在 d.ts 文件中声明vue，

declare module '*.vue' {
    import Vue from 'vue';
    export default Vue;
}

这样就会解决。个人解决办法，望指点！