Блог

Я настраиваю их babel.config.js, tsconfig.json, and .eslintrc.json , они отлично работают с запуском и сборкой проекта, но при импорте не отображаются какие-либо предложения (intellisense). Пожалуйста, просмотрите и помогите мне исправить это. Итак, визуальный код sutio показывает intellisense, и я могу работать быстро.

.eslintrc.js

 module.exports = {
  root: true,
  extends: ['airbnb', 'airbnb/hooks', '@react-native-community'],
  settings: {
    'import/resolver': {
      alias: [
        ['assets', './assets'],
        ['components', './components'],
        ['screens', './screens'],
        ['utils', './utils'],
      ],
    },
  },
};
 

tsconfig.json

 {
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "jsx": "react-native",
    "lib": [
      "dom",
      "esnext"
    ],
    "moduleResolution": "node",
    "noEmit": true,
    "skipLibCheck": true,
    "resolveJsonModule": true,
    "strict": true
  },
  "baseUrl": ".",
  "paths": {
    "assets/*": ["./assets/*"],
    "components/*": ["./components/*"],
    "screens/*": ["./screens/*"],
    "utils/*": ["./utils/*"],
  },
  "exclude": ["node_modules"],
  "extends": "expo/tsconfig.base"
}
 

babel.config.js

 module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      [
        'module-resolver',
        {
          alias: {
            assets: './assets',
            components: './components',
            screens: './screens',
            utils: './utils',
          },
        },
      ],
    ],
  };
};