reactjs - Dlaczego ścieżki bezwzględne nie działają w TurboRepo

Utworzyłem nowy projekt w najnowszej wersji TurboRepo. W katalogu 'apps' utworzyłem nowy projekt Vite, korzystając z szablonu 'react-swc-ts'. Zmodyfikowałem 'tsconfig.json' projektu Vite:

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

I zainstalowano wtyczkę 'vite-tsconfig-paths' z https://www.npmjs.com/package/vite-tsconfig-paths, dodając ją do 'vite.config.ts'.

plugins: [react(), tsconfigPaths()]

To zwykle działa u mnie, ale z jakiegoś powodu nie działa w TurboRepo. Próbowałem też postępować zgodnie z tym przewodnikiem https://dev.to/andrewezeani/how-to-create-absolute-imports-in-vite-react-app-a-step-by-step-guide-28co, ale to też nie działało. Co robię źle?

Odpowiedź #1

Zmień swoją wizję i zobacz plik tsconfig.json z folderu głównego na folder src:

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

Dla vite.config.ts, nie jestem pewien, ale na podstawie dokumentacji dotyczącej pliku vite.config.js twoja konfiguracja powinna wyglądać następująco:

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