react-native 配置@符号绝对路径配置和绝对路径没有提示的问题

这里需要用到vscode的包

yarn add babel-plugin-module-resolver

找到根目录里的babel.config.js

在页面添加plugins配置

直接替换

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      'module-resolver',
      {
        root: ['./src'],
        alias: {
          '@/utils': './src/utils',
          '@/pages': './src/pages',
          '@/navigator': './src/navigator',
          '@/models': './src/models',
          '@/config': './src/config',
          '@/components': './src/components',
          '@/assets': './src/assets',
        },
      },
    ],
  ],
};

解决没有提示的问题

输出@/的时候没有提示
下载插件Vscode
path-alias

  "pathAlias.aliasMap": {
      "@": "${cwd}/src",
      "~": "${cwd}/src",
    },

直接替换掉重启一下vscode就可以了

但是会有一个问题jsx和tsx还是不会出现提示，希望有大佬能解决一下！！！！