reactjs - لماذا لا تعمل المسارات المطلقة في TurboRepo

لقد أنشأت مشروعًا جديدًا على أحدث إصدار من TurboRepo. في دليل 'apps'، أنشأت مشروع Vite جديد باستخدام قالب 'react-swc-ts'. لقد قمت بتعديل 'tsconfig.json' الخاص بمشروع Vite:

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

وقمت بتثبيت ملحق 'vite-tsconfig-paths' من https://www.npmjs.com/package/vite-tsconfig-paths، وإضافته إلى 'vite.config.ts'.

plugins: [react(), tsconfigPaths()]

هذا عادةً يعمل معي، ولكن لسبب ما، لا يعمل في TurboRepo. كما أنني حاولت متابعة هذا الدليل https://dev.to/andrewezeani/how-to-create-absolute-imports-in-vite-react-app-a-step-by-step-guide-28co، لكن ذلك لم ينجح أيضاً. ما الخطأ الذي أفعله؟

الإجابة رقم 1

غيّر رؤيتك وانظر إلى tsconfig.json من المجلد الجذري إلى مجلد src:

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

بالنسبة لـ vite.config.ts، لست متأكدًا ولكن بناءً على الوثائق الخاصة بملف vite.config.js يجب أن يكون تكوينك كما يلي:

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