無法訪問項目中的 tsconfig 路徑

Question

我正在嘗試在 ts 文件中包含路徑嘗試在 stackoverflow 上可用的解決方案，但沒有一個對我有用 tsconfig.json

{
  "compilerOptions": {
    "strict": true,
    "baseUrl": "./app",
    "paths": {
      "@redux/*": ["redux/*"]
    },
    "include": [
      "./app/redux/**/*", "**/*.ts", "**/*.tsx"
  ],
  },
  "extends": "expo/tsconfig.base"
}

tsconfig.base.json

{
  "$schema": "https://json.schemastore.org/tsconfig",
  "display": "Expo",

  "compilerOptions": {
    "allowJs": true,
    "esModuleInterop": true,
    "jsx": "react-native",
    "lib": ["DOM", "ESNext"],
    "moduleResolution": "node",
    "noEmit": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "target": "ESNext"
  },

  "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"]
}

嘗試在 app.tsx 中導入

import  {} from '@redux/store';// err Cannot find module '@redux/store' or its corresponding type declarations.

請提出一個解決方案（在反應應用程序中使用）。 還嘗試了其他路徑，例如組件。

結構 - <root>/app/components <root>/app/redux/store.tsx

Answer 1

你的路徑看起來不錯。

您可能需要使用tsconfig-paths 之類的工具來解析這些路徑名。

然后，您可以在執行構建的 package.json 文件中添加類似以下內容。

ts-node -r tsconfig-paths/register ./src/app.ts

Answer 2

將 babel.config.js 中的別名添加到項目后，問題得到解決。 讀這個