在vite-env.d.ts文件中添加以下代码

// 解决引入爆红问题
declare module "*.vue" {
    import { DefineComponent } from "vue"
    const component: DefineComponent<{}, {}, any>
    export default component
}

如果还是有部分爆红，指定引入，如：解决导入vue爆红

<reference types="vite/client" />
// 解决引入爆红问题
declare module "*.vue" {
    import { DefineComponent } from "vue"
    const component: DefineComponent<{}, {}, any>
    export default component
}

// 解决vue导入爆红问题
declare module "vue" 

如果引入上部分代码还没有解决import { ref, onMounted, onUnmounted } from "vue";爆红问题，那么在tsconfig.json文件中，将moduleResolution：的值更改为node。

解决完后，有可能引入ts文件还会存在爆红问题，当出现爆红的时候如引入的routers.ts爆红，最简单的解决办法就是将后缀的.ts给删除掉。

<script lang="ts"  setup>
import {useRoutesStore} from '../../store/modules/routes.ts';
import { ArrowRight } from '@element-plus/icons-vue'

const routesStore = useRoutesStore()

</script>

如果觉得删除掉.ts影响感官，那可以查看自己的开发工具是否下载了Vetur插件，如果下载了将他禁用，下载新的插件。

安装完成后，将开发工具重新启动，一般就可以解决掉引入爆红问题，如果还没有解决，自求多福，我也没遇到过。