react-native - Visual Stuiod Code Intellisense 不适用于 React Native 别名

Question

我的 React Native 项目已经有某个文件夹的别名。它们被放入babel.config.js文件中：

module.exports = {
    presets: ['module:metro-react-native-babel-preset'],
    'plugins': [
        [
            'module-resolver',
            {
                'root': [
                    '.',
                ],
                'alias': {
                    'assets/*': './src/assets/*',
                    'images': './src/assets/images',
                    'navigation': './src/navigation',
                    'navigation/*': './src/navigation/*',
                    'screens': './src/screens',
                    'screens/*': './src/screens/*',
                    'splash': './src/modules/splash',
                    'utils': './src/utils',
                    'utils/*': './src/utils/*',
                    'translations': './src/utils/translations',
                    'translations/*': './src/utils/translations/*',
                    'msg': './src/utils/translations/msg',
                    'languages': './languages',
                    'styles': './src/styles',
                    'styles/*': './src/styles/*',
                    'components': './src/components',
                    'constant': './src/constant',
                    'context': './src/context',
                    'api': './src/API',
                    'store': './src/store',
                    'store/*': './src/store/*',
                },
            },
        ],
        'react-native-reanimated/plugin',
    ],
    'env': {
        'production': {
            'plugins': [
                'transform-remove-console',
            ],
        },
    },
};

但是当我使用这些别名导入函数时，智能感知不起作用。我也尝试创建jsonconfig.json遵循此文档（https://code.visualstudio.com/docs/languages/jsconfig）

{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
          "app/*": ["src/app/*"],
          "assets/*": ["src/assets/*"],
          "images": ["/src/assets/images"],
          "navigation": ["/src/navigation"],
          "navigation/*": ["/src/navigation/*"],
          "screens": ["/src/screens"],
          "screens/*": ["/src/screens/*"],
          "splash": ["/src/modules/splash"],
          "utils": ["/src/utils"],
          "utils/*": ["/src/utils/*"],
          "translations": ["/src/utils/translations"],
          "translations/*": ["/src/utils/translations/*"],
          "msg": ["/src/utils/translations/msg"],
          "languages": ["/languages"],
          "styles": ["/src/styles"],
          "styles/*": ["/src/styles/*"],
          "components": ["/src/components"],
          "constant": ["/src/constant"],
          "context": ["/src/context"],
          "api": ["/src/API"],
          "store": ["/src/store"],
          "store/*": ["/src/store/*"],
        }
    }
}

但仍然无法正常工作。任何人都可以帮助我修复 VS Code 中的智能感知吗？

标签： react-nativevisual-studio-codeintellisense