Question

我是Expo和React Native的新手。我在导入模块时使用绝对路径时遇到一些问题。我遇到了著名的babel-plugin-module-resolver插件，但是我无法正确使用它。我做了几乎所有与此问题有关的不同线程上的所有操作，但仍然无法在VS Code中使用绝对路径（使用TypeScript）。在我的博览会项目中，我也没有任何.babelrc文件，而是有babel.config.js文件，但我不知道为什么。可能是什么问题？ TIA

Answer 1

我的似乎在下面工作。试试这个

expo-typescript项目示例 https://github.com/thu-san/expo-typescript-example

babel.config.js

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      [
        'module-resolver',
        {
          extensions: [
            '.js',
            '.jsx',
            '.ts',
            '.tsx',
            '.android.js',
            '.android.tsx',
            '.ios.js',
            '.ios.tsx'
          ],
          root: ['./src']
        }
      ]
    ]
  };
};

tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./src",
    "allowSyntheticDefaultImports": true,
    "experimentalDecorators": true,
    "forceConsistentCasingInFileNames": true,
    "importHelpers": true,
    "jsx": "react-native",
    "lib": ["es2017"],
    "module": "es2015",
    "moduleResolution": "node",
    "noEmitHelpers": true,
    "noImplicitReturns": true,
    "noUnusedLocals": true,
    "sourceMap": false,
    "strict": true,
    "target": "es2017"
  },
  "exclude": ["node_modules"]
}

无法将babel-plugin-module-resolver与expo和react-native一起使用

1 个答案: