Reactjs - مسیرها در React Typescript کار نمیکنند

من میخواهم مسیرهای واردات خود را ساده کنم تا بتوانم از مسیرهای عمیقاً تو در تو خلاص شوم. من از React با TypeScript استفاده میکنم بنابراین فایل tsConfig خود را به این شکل ویرایش میکنم،

{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "*": ["src/*"]
    },
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": ["src"]
}

مشکل این است که وقتی سعی میکنم هر فایل را از src ایمپورت کنم، میگوید ماژول پیدا نشد.

import app from "App"

جایی که App یک دایرکتوری است که شامل index.ts میباشد

پاسخ شماره ۱

سعی کنید قبل از steric علامت @/ اضافه کنید.

"paths": {
      "@/*": ["src/*"]
    },