React Native Typescript babel-plugin-module

Question

我可以毫无问题地将模块解析器与 Javascript 一起使用。实际上，我可以在运行时毫无问题地将它与 Typescript 一起使用，但在开发部分我找不到Cannot find module or its corresponding type declerations问题的解决方案。我正在寻找答案我做错了哪一部分？

以下是文件：

.babelrc

{

  "presets": ["module:metro-react-native-babel-preset"],

  "plugins": [

    [

      "module-resolver",

      {

        "root": ["./src"],

        "alias": [

          { "@shared-components": "./shared/components" },

          { "@shared-constants": "./shared/constants" },

          { "@shared-theme": "./shared/theme" },

          { "@font-size": "./shared/theme/font-size" },

          { "@api": "./services/api/index" },

          { "@fonts": "./shared/theme/fonts/index" },

          { "@colors": "./shared/theme/colors" },

          { "@theme": "./shared/theme/index" },

          { "@services": "./services" },

          { "@screens": "./screens" },

          { "@utils": "./utils/" },

          { "@assets": "./assets/" }

        ],

        "extensions": [".js", ".jsx", ".ts", ".tsx"]

      }

    ]

  ]

}

tsconfig.json文件

{

  "compilerOptions": {

    "target": "esnext",

    "module": "esnext",

    "lib": ["esnext"],

    "allowJs": true,

    "jsx": "react-native",

    "noEmit": true,

    "isolatedModules": true,

    "strict": true,

    "moduleResolution": "node",

    "allowSyntheticDefaultImports": true,

    "esModuleInterop": true,

    // ? Custom ones

    "skipLibCheck": true,

    "resolveJsonModule": true,

    "noImplicitAny": true,

    "strictNullChecks": true,

    "strictFunctionTypes": true,

    "strictPropertyInitialization": true,

    "noImplicitThis": true,

    "alwaysStrict": true,

    "noUnusedLocals": true,

    "noUnusedParameters": true,

    "noImplicitReturns": true,

    "noFallthroughCasesInSwitch": true,

    "forceConsistentCasingInFileNames": true,

    // ? Babel Plugin Module Resolver

Answer 1

您的配置中的映射方式paths看起来不正确。正确的应该是：paths": {  "@screens/*": ["./screens/*"], // You need to specify prefix `/*` as well  // others ...}