reactjs - TurboRepo'da neden mutlak yollar çalışmıyor

En son sürüm TurboRepo üzerinde yeni bir proje kurdum. 'apps' dizininde, 'react-swc-ts' şablonunu kullanarak yeni bir Vite projesi oluşturdum. Vite projesinin 'tsconfig.json' dosyasını değiştirdim:

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

Ve https://www.npmjs.com/package/vite-tsconfig-paths adresinden 'vite-tsconfig-paths' eklentisini yükleyerek 'vite.config.ts' dosyasına ekledi.

plugins: [react(), tsconfigPaths()]

Bu genellikle benim için işe yarıyor, ama nedense TurboRepo'da çalışmıyor. Ayrıca bu kılavuzu takip etmeyi de denedim https://dev.to/andrewezeani/how-to-create-absolute-imports-in-vite-react-app-a-step-by-step-guide-28co, ama o da işe yaramadı. Neyi yanlış yapıyorum?

Cevap #1

Görüşünüzü değiştirin ve tsconfig.json'i kök dizinden src klasörüne görün:

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

vite.config.ts için emin değilim ama vite.config.js dosyasıyla ilgili belgelere dayanarak, yapılandırmanız aşağıdaki gibi olmalıdır:

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