reactjs - Hvorfor fungerer ikke absolutte stier i TurboRepo

Jeg har satt opp et nytt prosjekt på den nyeste versjonen av TurboRepo. I 'apps'-katalogen har jeg opprettet et nytt Vite-prosjekt ved å bruke 'react-swc-ts'-malen. Jeg har endret 'tsconfig.json' til Vite-prosjektet:

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

Og installerte 'vite-tsconfig-paths'-pluggen fra https://www.npmjs.com/package/vite-tsconfig-paths, og la den til i 'vite.config.ts'.

plugins: [react(), tsconfigPaths()]

Dette fungerer vanligvis for meg, men av en eller annen grunn fungerer det ikke i TurboRepo. Jeg prøvde også å følge denne guiden https://dev.to/andrewezeani/how-to-create-absolute-imports-in-vite-react-app-a-step-by-step-guide-28co, men det fungerte heller ikke. Hva gjør jeg feil?

Svar #1

Endre visjonen din og se tsconfig.json fra rotmappen til src-mappen:

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

For vite.config.ts, er jeg ikke sikker, men basert på dokumentasjonen for vite.config.js-filen bør konfigurasjonen din være som følger:

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