Así que comencé a agregar un archivo jsconfig.json a mis proyectos de reacción en VS Code para permitirme usar importaciones como:

 import { Home, Expenses, Invoices } from '@/views';

en vez de:

 import { Home, Expenses, Invoices } from '../views';

Mi archivo jsconfig se ve así:

 { "compilerOptions": { "module": "commonjs", "baseUrl": "src", "paths": { "@/*": ["/*"], "@/components/*": ["/components/*"], "@/views/*": ["/views/*"], "@/styles/*": ["/styles/*"] } }, "include": ["src"], "exclude": ["node_modules"] }

Sin embargo, una cosa que comencé a notar es que cada vez que hago esto, ya no puedo hacer clic en 'Inicio', por ejemplo, y ser llevado al código/archivo. En su lugar, siempre muestra una ventana emergente que solo muestra referencias al archivo. Nada en lo que haga clic dentro de esta ventana emergente de referencia me llevará al archivo. Se parece a esto:

A veces ni siquiera aparece el hover. Simplemente seleccionará el elemento en el bloque de código abierto, si hago clic en el elemento, simplemente seleccionará la importación en la parte superior.

Si elimino el signo '@', todo funciona según lo previsto.

¿Hay alguna forma de usar un archivo jsconfig.json con importaciones absolutas/alias de ruta Y mantener la capacidad de hacer clic en la importación para ir al archivo/código?