reactjs - Pourquoi les chemins absolus ne fonctionnent pas dans TurboRepo

J'ai configuré un nouveau projet sur la dernière version de TurboRepo. Dans le répertoire 'apps', j'ai créé un nouveau projet Vite en utilisant le modèle 'react-swc-ts'. J'ai modifié le 'tsconfig.json' du projet Vite :

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

Et a installé le plugin 'vite-tsconfig-paths' depuis https://www.npmjs.com/package/vite-tsconfig-paths, en l'ajoutant à 'vite.config.ts'.

plugins: [react(), tsconfigPaths()]

Cela fonctionne habituellement pour moi, mais pour une raison quelconque, cela ne fonctionne pas dans TurboRepo. J'ai également essayé de suivre ce guide https://dev.to/andrewezeani/how-to-create-absolute-imports-in-vite-react-app-a-step-by-step-guide-28co, mais cela n'a pas fonctionné non plus. Qu'est-ce que je fais de mal ?

Réponse n°1

Changez votre vision et voyez le tsconfig.json du dossier racine au dossier src :

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

Pour le vite.config.ts, je ne suis pas sûr mais d'après la documentation sur le fichier vite.config.js, votre configuration devrait être comme suit :

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