巴别塔插件模块解析器不'；不能使用react native和typescript

我一直在尝试为我的react本机应用程序实现模块解析器，但vs代码在导入行中加了红色下划线

tsconfig.json文件

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "jsx": "react-native",
    "lib": ["dom", "esnext"],
    "moduleResolution": "node",
    "noEmit": true,
    "skipLibCheck": true,
    "resolveJsonModule": true,
    "strict": true,
    "baseUrl": ".",
    "paths": {
      "@utils/*": ["./src/utils/*"],
      "@components/*": ["./src/components/*"],
      "@constants/*": ["./src/constants/*"],
      "@data/*": ["./src/data/*"],
      "@hooks/*": ["./src/hooks/*"],
      "@redux/*:": ["./src/redux/*"],
      "@screens/*": ["./src/screens/*"],
      "@services/*": ["./src/services/*"],
      "@types/*": ["./src/types/*"]
    }
  }
}

babel.config.js文件

 [
            "module-resolver",
            {
              root: ["."],
              extensions: [
                ".ios.ts",
                ".android.ts",
                ".ts",
                ".ios.tsx",
                ".android.tsx",
                ".tsx",
                ".jsx",
                ".js",
                ".json",
              ],
              alias: {
                "@assets": "./assets",
                "@components": "./src/components",
                "@constants": "./src/constants",
                "@data": "./src/data",
                "@hooks": "./src/hooks",
                "@redux": "./src/redux",
                "@screens": "./src/screens",
                "@services": "./src/services",
                "@types": "./src/types",
                "@utils": "./src/utils",
              },
            },
          ],

我的文件夹结构如下所示

错误是这样的

代码正在运行，但如何修复编辑器错误