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

enyaitl3  于 2023-01-05  发布在  React
关注(0)|答案(2)|浏览(137)

我刚刚创建了一个新的项目,我试图通过以下帖子设置一个绝对路径:https://medium.com/geekculture/making-life-easier-with-absolute-imports-react-in-javascript-and-typescript-bbdab8a8a3a1
我已经按照步骤尽可能接近我可以,但不能让这个工作在我的模拟器。(视觉上没有错误时,看我的代码在IDE中)

    • eslint配置json**
{
  "eslintConfig": {
    "extends": ["react-app", "airbnb"],
    "settings": {
      "import/resolver": {
        "node": {
          "paths": ["src"],
          "extensions": [".js", ".jsx", ".ts", ".tsx"]
        }
      }
    }
  }
}
    • 系统配置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导出函数Title和导出函数P
任何帮助都很感激...谢谢!

lztngnrs

lztngnrs1#

我不建议你跟着这个流程走,因为它非常混乱。
假设您导入了react/client

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

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

import Text from "@/views/Text";

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

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

vfwfrxfs2#

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

相关问题