reactjs - Miksi absoluuttiset polut eivät toimi TurboRepossa

Olen perustanut uuden projektin uusimmalla TurboRepo-versiolla. 'apps'-hakemistossa olen luonut uuden Vite-projektin käyttäen 'react-swc-ts'-mallia. Olen muokannut Vite-projektin 'tsconfig.json'-tiedostoa:

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

Ja asensi 'vite-tsconfig-paths'-laajennuksen osoitteesta https://www.npmjs.com/package/vite-tsconfig-paths, lisäten sen 'vite.config.ts'-tiedostoon.

plugins: [react(), tsconfigPaths()]

Tämä yleensä toimii minulla, mutta jostain syystä se ei toimi TurboRepossa. Yritin myös seurata tätä opasta https://dev.to/andrewezeani/how-to-create-absolute-imports-in-vite-react-app-a-step-by-step-guide-28co, mutta sekään ei toiminut. Mitä teen väärin?

Vastaus #1

Vaihda näkymääsi ja katso tsconfig.json juurikansiosta src-kansioon:

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

Mitä tulee vite.config.ts-tiedostoon, en ole varma, mutta dokumentaation perusteella vite.config.js-tiedostossa konfiguraatiosi pitäisi olla seuraavanlainen:

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