React Native (Typescript) 绝对路径无法解析模块

Question

我刚刚创建了一个新项目，我正在尝试通过以下帖子设置绝对路径： https://medium.com/geekculture/making-life-easier-with-absolute-imports-react-in-javascript-and -打字稿-bbdab8a8a3a1

我已尽可能地按照这些步骤进行操作，但无法在我的模拟器中使用它。 （在IDE中查看我的代码时视觉上没有错误）

eslint-config.json

{
  "eslintConfig": {
    "extends": ["react-app", "airbnb"],
    "settings": {
      "import/resolver": {
        "node": {
          "paths": ["src"],
          "extensions": [".js", ".jsx", ".ts", ".tsx"]
        }
      }
    }
  }
}

tsconfig.json

{
  "extends": "@tsconfig/react-native/tsconfig.json",     /* Recommended React Native TSConfig base */
  "compilerOptions": {
    "skipLibCheck": true,                                 /* Skip type checking all .d.ts files. */
    "baseUrl": "src",
  },
}

在此图像中，您可以看到我的文件结构，我的模拟器上的错误。 以及我如何导入它。

我的 Text.tsx 中有两个导出函数 export function Title & export function P

感谢您的帮助...谢谢！

Answer 1

我不建议您使用此流程，因为它非常令人困惑。

假设你已经导入了这个react/client的东西。

• 是不是包含子路径的npm包
• 是我的文件夹结构路径名吗

因此，我建议您遵循大多数开发人员当前使用的流程。

import Text from "@/views/Text";

我也为你做了一个演示，请查看https://codesandbox.io/s/sleepy-dew-wn2rsu

笔记

• 使用eslint-plugin-import删除导入错误。

Answer 2

在 "src" 文件夹下创建新的package.json文件并添加{ "name": "PATH_NAME" }