Question

我是Expo和React Native的新手。在导入模块时使用绝对路径时遇到了问题。正在阅读有关如何实现此插件的信息，但由于它仅包含.babelrc的说明，因此我无法正确使用它。我做了几乎所有与此相关的不同线程上的工作，但仍然无法正确使用它。在我的博览会项目中，我也没有任何.babelrc文件，而是我有babel.config.js文件。

我正在尝试将此代码转换为.babelrc：

{
  "presets": ["babel-preset-expo"],
  "env": {
    "development": {
      "plugins": [
        "transform-react-jsx-source",
        ["module-resolver", {
          "root": ["./src"]
        }]
      ]
    }
  }
}

为此babel.config.js：

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
  };
};

谢谢

Answer 1

检查配置：

.babelrc

{
  "extends": "./babel.config.js"
}

babel.config.js

module.exports = (api) => {
  api.cache(true)
  return {
    "env": {
      "development": {
        "plugins": [
          "transform-react-jsx-source",
          ["module-resolver", {
            "root": ["./src"]
          }]
        ]
      }
    },
    presets: ['babel-preset-expo']
  }
}

配置babel.config.js

1 个答案: