Configuración de Vue3 vite @ ruta raíz --- Resuelto: no se pudo encontrar el módulo "./xx/xxx.vue" o su declaración de tipo correspondiente

Configurar en vite.config.js

import {
    
     resolve } from "path"

export default defineConfig({
    
    
  plugins: [vue()],
  // 配置根路径
  resolve: {
    
    
    // ↓路径别名，主要是这部分
    alias: {
    
    
      "@": resolve(__dirname, "./src")
    }
  }
})

Si se usa en ts, se puede informar un error:

Solución:npm install --save-dev @types/node

---

Después de configurar la ruta raíz, el archivo importado puede mostrar rojo: vue3+ts报错：找不到模块“@/xxx”或其相应的类型声明。o cuando se importa el archivo .vue: rojo:vue3+ts报错：找不到模块“./views/login/index.vue”或其相应的类型声明。

Hay dos soluciones a esta situación ,
la primera
es modificar la ruta en tsconfig.json

y agregar un /archivo de importación .vue antes de que no reporte rojo. Pero este método no es adecuado para el caso en que la ruta raíz está configurada @. Si la ruta raíz está configurada, /se informará un error si se agrega al frente, por lo que la barra inclinada debe eliminarse aquí. Curiosamente, eliminar la barra inclinada y importar el archivo .vue no reportará un error.
Al configurar rutas, necesita una ruta de referencia para configurar rutas relativas, que se encuentra aquí"baseUrl": "./"

El segundo método :
cree un nuevo env.d.ts en el directorio raíz y copie el siguiente contenido en él.

declare module '*.vue' {
    
    
    import type {
    
     DefineComponent } from 'vue'
    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
    const component: DefineComponent<{
    
    }, {
    
    }, any>
    export default component
  }