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",
  },
},