reactjs - De ce nu funcționează căile absolute în TurboRepo

Am configurat un proiect nou pe cea mai recentă versiune de TurboRepo. În directorul 'apps', am creat un proiect Vite nou folosind șablonul 'react-swc-ts'. Am modificat fișierul 'tsconfig.json' al proiectului Vite:

/* Import */
"baseUrl": "./src",
"paths": {
  "~/*": ["./*"]
},

Și a instalat pluginul 'vite-tsconfig-paths' de la https://www.npmjs.com/package/vite-tsconfig-paths, adăugându-l în 'vite.config.ts'.

plugins: [react(), tsconfigPaths()]

De obicei asta funcționează pentru mine, dar din anumite motive, nu funcționează în TurboRepo. De asemenea, am încercat să urmez acest ghid https://dev.to/andrewezeani/how-to-create-absolute-imports-in-vite-react-app-a-step-by-step-guide-28co, dar nici asta nu a funcționat. Ce fac greșit?

Răspuns #1

Schimbă-ți perspectiva și vezi tsconfig.json din folderul rădăcină în folderul src:

/* Import */
"baseUrl": "./",
"paths": {
  "~": ["./src"],
  "~/*": ["./src/*"],
},

Pentru vite.config.ts, nu sunt sigur, dar bazându-mă pe documentația fișierului vite.config.js, configurația ta ar trebui să fie asemănătoare cu următoarea:

resolve: {
  alias: {
    "~": "/src",
  },
},